fe / YOHOBUYPC · Commits

Go to a project

Authored by unknown
Commit 06cb825d44d2bf78051e8d9efd7046fe45e56d25 1 parent a985943a

girls/kids/lifestyle 第一部分模板 css

Inline Side-by-side
Showing 7 changed files with 533 additions and 70 deletions
... ... @@ -5,6 +5,11 @@
{{# slide}}
{{>index/slide-banner}}
{{/ slide}}
{{! 优选品牌}}
{{# preferenceBrands}}
{{> index/preference-brand}}
{{/ preferenceBrands}}
{{/ kids}}
</div>
{{> layout/footer}}
\ No newline at end of file
... ...
{{> layout/header}}
<div class="home-page yoho-page">
lifestyle
{{# lifestyle}}
{{! 头部banner}}
{{# slide}}
{{>index/slide-banner}}
{{/ slide}}
{{! 优选品牌}}
{{# preferenceBrands}}
{{> index/preference-brand}}
{{/ preferenceBrands}}
{{! 类别楼层遍历}}
{{# category}}
{{> index/category-floor}}
{{/ category}}
{{/ lifestyle}}
</div>
{{> layout/footer}}
\ No newline at end of file
... ...
{{> index/floor-header}}
<div class="categorys-list">
<ul class="clearfix">
{{# list}}
<li class="cate-item{{@index}}">
<a href="{{href}}">
<img class="lazy" data-original="{{img}}" alt="">
</a>
</li>
{{/ list}}
</ul>
</div>
\ No newline at end of file
... ...
<div class="floor-header clearfix">
<h2 class="floor-title">{{name}}</h2>
{{#if navs}}
<ul class="header-navs">
{{# navs}}
<li data-classify="{{id}}">
<a target="_blank" href="{{href}}">{{name}}</a>
</li>
{{/ navs}}
</ul>
<ul class="header-navs">
{{# navs}}
<li data-classify="{{id}}">
<a target="_blank" href="{{href}}">{{name}}</a>
</li>
{{/ navs}}
</ul>
{{/if}}
</div>
\ No newline at end of file
... ...
/*990*/
.home-page {
width: 1150px;
width: 990px;
margin: 10px auto 0;
/*大banner*/
... ... @@ -162,6 +163,7 @@
/*女首碎片banner*/
.debris-slider {
height: 440px;
width: 100%;
.col {
... ... @@ -174,7 +176,7 @@
.left-col a,
.right-col a {
margin-bottom: 8px;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
... ... @@ -192,18 +194,18 @@
a {
width: 240px;
height: 150px;
height: 103px;
}
a:first-child {
height: 230px;
height: 214px;
}
}
.center-col {
position: relative;
width: 492px;
height: 546px;
height: 100%;
margin-right: 9px;
font-size: 0;
... ... @@ -225,11 +227,12 @@
.right-col a {
width: 240px;
height: 150px;
height: 103px;
}
.right-col a:first-child {
height: 388px;
height: 326px;
margin-bottom: 11px;
}
}
... ... @@ -470,6 +473,33 @@
}
}
}
/*创意生活商品分类*/
.categorys-list {
ul {
width: 1004px;
}
li {
float: left;
margin: 0 7px 7px 0;
width: 161px;
height: 214px;
&.cate-item0 {
width: 160px;
height: 435px;
}
&.cate-item1 {
width: 326px;
height: 435px;
}
img {
display: block;
width: 100%;
height: 100%;
}
}
}
.tpl-recommend{
a{
... ... @@ -688,79 +718,110 @@
}
}
@media screen and (min-width: 1150px) {
.debris-slider {
.left-col {
margin-right: 10px;
}
a {
width: 280px;
height: 176px;
}
@media screen and (min-width: 1150px) {
.home-page {
width: 1150px;
a:first-child {
height: 265px;
}
.slide-wrapper {
height: 387px;
}
.debris-slider {
height: 510px;
.left-col {
margin-right: 10px;
a {
width: 280px;
height: 120px;
}
.center-col {
width: 570px;
height: 633px;
margin-right: 10px;
a:first-child {
height: 250px;
}
}
.right-col {
a {
width: 280px;
height: 176px;
}
.center-col {
width: 570px;
height: 100%;
margin-right: 10px;
}
a:first-child {
height: 449px;
}
.right-col {
a {
width: 280px;
height: 120px;
}
a:first-child {
height: 380px;
}
}
.img-slider-wrapper {
height: 558px;
}
.img-slider-wrapper {
height: 558px;
}
.img-container-landscape {
margin: 86px auto 0;
width: 982px;
height: 433px;
.img-item {
width: 320px;
margin-right: 10px;
}
}
.img-container-landscape {
margin: 86px auto 0;
width: 982px;
height: 433px;
.preference-brand-list {
width: 1158px;
}
.img-item {
width: 320px;
margin-right: 10px;
}
.preference-brand-item {
margin-right: 8px;
a {
width: 185px;
height: 86px;
}
}
.preference-brand-list {
.preference-more {
width: 185px;
height: 86px;
line-height: 100px;
}
.categorys-list {
ul {
width: 1158px;
}
li {
margin: 0 8px 8px 0;
width: 185px;
height: 248px;
.preference-brand-item {
margin-right: 8px;
a {
&.cate-item0 {
width: 185px;
height: 86px;
height: 504px;
}
&.cate-item1 {
width: 377px;
height: 504px;
}
}
}
.floor-header {
margin: 80px 0 40px;
.preference-more {
width: 185px;
height: 86px;
line-height: 100px;
.header-navs {
li {
padding: 1px 15px;
}
}
.floor-header {
margin: 80px 0 40px;
.header-navs {
li {
padding: 1px 15px;
}
}
}
}
}
}
}
\ No newline at end of file
... ...
... ... @@ -215,7 +215,126 @@ class KidsController extends AbstractAction
$data = array(
'headerdata' => $headerdata,
'boysHomePage' => true,
'kid' => array(
'kids' => array(
array(
'slide' => array(
'list' => array(
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
)
)
)
),
array(
'preferenceBrands' => array(
'name' => '优选品牌 BRAND',
'slider' => array(
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/0240f288725106b408d8c524b4d0fba4b9.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
),
'list' => array(
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
)
)
)
)
)
);
$this->_view->display('index', $data);
... ...
... ... @@ -215,7 +215,258 @@ class LifestyleController extends AbstractAction
$data = array(
'headerdata' => $headerdata,
'boysHomePage' => true,
'girl' => array(
'lifestyle' => array(
array(
'slide' => array(
'list' => array(
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
),
array(
'href' => '/?gender=1,3',
'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
)
)
)
),
array(
'preferenceBrands' => array(
'name' => '优选品牌 BRAND',
'slider' => array(
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/0240f288725106b408d8c524b4d0fba4b9.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
array(
'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
),
),
'list' => array(
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
),
array(
'href' => '',
'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
)
)
)
),
array(
'category' => array(
'name' => '居家 CATEGORY',
'navs' => array(
array(
'id' => '',
'href' => '',
'name' => '厨具'
),
array(
'id' => '',
'href' => '',
'name' => '雨伞'
),
array(
'id' => '',
'href' => '',
'name' => '家居饰品'
),
array(
'id' => '',
'href' => '',
'name' => '杯子'
),
array(
'id' => '',
'href' => '',
'name' => 'MORE'
)
),
'list' => array(
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/013dcf960e30cee86f0e521b329aba020f.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/01d1dcf2654cfb7d9f4979c5f99bd7276f.jpg?imageView/2/w/377/h/504'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
)
)
)
),
array(
'category' => array(
'name' => '数码3C',
'navs' => array(
array(
'id' => '',
'href' => '',
'name' => 'U盘'
),
array(
'id' => '',
'href' => '',
'name' => '手机壳'
),
array(
'id' => '',
'href' => '',
'name' => '相机'
),
array(
'id' => '',
'href' => '',
'name' => '耳机'
),
array(
'id' => '',
'href' => '',
'name' => 'MORE'
)
),
'list' => array(
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/013dcf960e30cee86f0e521b329aba020f.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/01d1dcf2654cfb7d9f4979c5f99bd7276f.jpg?imageView/2/w/377/h/504'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
),
array(
'href' => '',
'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
)
)
)
)
)
);
$this->_view->display('index', $data);
... ...