fe / YOHO-ACTIVITY-PHP · Commits

Go to a project

Authored by xuqi
Commit 62eae868df59198fa707ab6d559a91350231b875 1 parent 44544321

page list with sort intro.review by:@xuqi

Inline Side-by-side
Showing 5 changed files with 132 additions and 0 deletions
... ... @@ -660,6 +660,13 @@
name: '',
enName: '',
desc: '',
keyEntry: [
{
name: '',
link: ''
},
...
],
img: ''
},
... ...
... ... @@ -36,6 +36,22 @@
<div class="list-right pull-right">
{{> product/shop-entry}}
{{# sortIntro}}
<div class="sort-intro clearfix">
<div class="texts pull-left">
<p class="name">{{name}}</p>
<p class="en-name">{{enName}}</p>
<p class="desc">{{description}}</p>
<div class="key-entry">
{{#each keyEntry}}
<a href="{{url}}">{{name}}</a>
{{/each}}
</div>
</div>
<img class="pull-right img" src="{{img}}">
</div>
{{/ sortIntro}}
{{> product/standard-content}}
{{> product/latest-walk}}
... ...
... ... @@ -34,6 +34,22 @@
{{> product/left-content}}
</div>
<div class="list-right pull-right">
{{# sortIntro}}
<div class="sort-intro clearfix">
<div class="texts pull-left">
<p class="name">{{name}}</p>
<p class="en-name">{{enName}}</p>
<p class="desc">{{description}}</p>
<div class="key-entry">
{{#each keyEntry}}
<a href="{{url}}">{{name}}</a>
{{/each}}
</div>
</div>
<img class="pull-right img" src="{{img}}">
</div>
{{/ sortIntro}}
{{> product/standard-content}}
{{> product/latest-walk}}
... ...
... ... @@ -155,4 +155,77 @@
color: #f00;
}
}
.sort-intro {
margin-bottom: 20px;
.texts {
width: 386px;
height: 298px;
padding: 0 50px;
border: 1px solid #eaeceb;
text-align: center;
overflow: hidden;
}
.name {
font-size: 30px;
font-weight: bold;
margin-top: 60px;
}
.en-name {
font-size: 14px;
font-weight: bold;
}
.desc {
margin-top: 15px;
color: #666;
margin-top: 15px;
font-size: 12px;
line-height: 150%;
}
.img {
width: 480px;
height: 300px;
}
.key-entry {
width: 330px;
margin: 30px auto 0;
a {
float: left;
display: block;
width: 110px;
height: 14px;
line-height: 14px;
font-size: 12px;
margin-bottom: 5px;
color: #069;
text-decoration: underline;
}
}
}
}
@media (max-width: 1180px) {
.product-list-page .sort-intro {
.texts {
width: 346px;
height: 248px;
padding: 0 30px;
}
.name {
margin-top: 30px;
}
.img {
width: 400px;
height: 250px;
}
}
}
... ...
... ... @@ -429,6 +429,26 @@ class Index1Controller extends AbstractAction
'name' => '包类/装备'
)
),
'sortIntro' => array(
'name' => '羽绒服',
'enName' => 'DOWN COAT',
'desc' => '羽绒服是冬季必不可少的服饰之一，冬天的街头充斥着各种各样的羽绒服，特别是在北方。时下羽绒服融入了毛领、收腰等时尚元素，更显潮人们的完美身材。',
'keyEntry' => array(
array(
'name' => 'Livis'
),
array(
'name' => 'LEE'
),
array(
'name' => 'LE2E'
),
array(
'name' => 'LE2E'
)
),
'img' => 'http://img13.static.yhbimg.com/adpic/2015/12/22/06/0276abe61367884cea21b779e47141891b.jpg'
),
'shopEntry' => array(
'home' => 'adidas.yohobuy.com',
'logo' => 'http://img11.static.yhbimg.com/brandLogo/2013/01/16/09/01f515687de080f94243cb1aa0fedb2fe1.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90',
... ...