Showing
20 changed files
with
723 additions
and
25 deletions
@@ -26,12 +26,6 @@ | @@ -26,12 +26,6 @@ | ||
26 | }, | 26 | }, |
27 | { | 27 | { |
28 | isReNew: true //再到着 | 28 | isReNew: true //再到着 |
29 | - }, | ||
30 | - { | ||
31 | - isYearEndPromotion: true //年终大促 | ||
32 | - }, | ||
33 | - { | ||
34 | - isYearMidPromotion: false //年中热促 | ||
35 | } | 29 | } |
36 | ], | 30 | ], |
37 | isFew: true, //即将售罄 | 31 | isFew: true, //即将售罄 |
@@ -406,23 +400,23 @@ | @@ -406,23 +400,23 @@ | ||
406 | ### PLUS+STAR | 400 | ### PLUS+STAR |
407 | 401 | ||
408 | { | 402 | { |
409 | - id: 1, | ||
410 | - banner: '', | ||
411 | - log: '', | ||
412 | - name: '', | ||
413 | - isLike: '', | ||
414 | - likeUrl: '', | ||
415 | - intro: '', | ||
416 | - newArrival: { | ||
417 | - moreUrl: '', | ||
418 | - naList: [ | ||
419 | - {...}, //商品信息 | ||
420 | - ... | ||
421 | - ] | ||
422 | - }, | ||
423 | - article: { | ||
424 | - info: [ | ||
425 | - {...}, //标签 | 403 | + ps: { |
404 | + id: 1, | ||
405 | + banner: '', | ||
406 | + log: '', | ||
407 | + name: '', | ||
408 | + isLike: '', | ||
409 | + likeUrl: '', | ||
410 | + intro: '', | ||
411 | + newArrival: { | ||
412 | + moreUrl: '', | ||
413 | + naList: [ | ||
414 | + {...}, //商品信息 | ||
415 | + ... | ||
416 | + ] | ||
417 | + }, | ||
418 | + infos: [ | ||
419 | + {...}, //资讯 | ||
426 | ... | 420 | ... |
427 | ] | 421 | ] |
428 | } | 422 | } |
static/img/guang/info/collocation.png
0 → 100644
2.63 KB
static/img/guang/info/fashion-good.png
0 → 100644
2.51 KB
static/img/guang/info/fashion-man.png
0 → 100644
2.63 KB
static/img/guang/info/tip.png
0 → 100644
2.63 KB
static/img/guang/info/topic.png
0 → 100644
2.64 KB
static/js/guang/index.js
0 → 100644
static/js/guang/plus-star.js
0 → 100644
static/sass/guang/_good.scss
0 → 100644
1 | +.good-info { | ||
2 | + float: left; | ||
3 | + width: 276rem / $pxConvertRem; | ||
4 | + height: 486rem / $pxConvertRem; | ||
5 | + margin: 28rem / $pxConvertRem (15rem / $pxConvertRem) 0; | ||
6 | + | ||
7 | + | ||
8 | + .tag-container { | ||
9 | + height: 28rem / $pxConvertRem; | ||
10 | + width: 100%; | ||
11 | + | ||
12 | + .good-tag { | ||
13 | + display: block; | ||
14 | + float: left; | ||
15 | + height: 28rem / $pxConvertRem; | ||
16 | + font-size: 18rem / $pxConvertRem; | ||
17 | + text-align: center; | ||
18 | + line-height: 32rem / $pxConvertRem; | ||
19 | + margin-right: 4rem / $pxConvertRem; | ||
20 | + | ||
21 | + &:last-child { | ||
22 | + margin-right: 0; | ||
23 | + } | ||
24 | + } | ||
25 | + .new-tag { | ||
26 | + width: 60rem / $pxConvertRem; | ||
27 | + background-color: #78dc7e; | ||
28 | + color: #fff; | ||
29 | + } | ||
30 | + .renew-tag { | ||
31 | + width: 90rem / $pxConvertRem; | ||
32 | + background-color: #78dc7e; | ||
33 | + color: #fff; | ||
34 | + } | ||
35 | + .sale-tag { | ||
36 | + width: 60rem / $pxConvertRem; | ||
37 | + background-color: #ff575c; | ||
38 | + color: #fff; | ||
39 | + } | ||
40 | + .new-festival-tag { | ||
41 | + width: 90rem / $pxConvertRem; | ||
42 | + background-color: #000; | ||
43 | + color: #fff; | ||
44 | + } | ||
45 | + .limit-tag { | ||
46 | + box-sizing: border-box; | ||
47 | + width: 90rem / $pxConvertRem; | ||
48 | + border: 1px solid #000; | ||
49 | + color: #000; | ||
50 | + line-height: 24rem / $pxConvertRem; | ||
51 | + } | ||
52 | + } | ||
53 | +} | ||
54 | + | ||
55 | +.good-detail-img { | ||
56 | + position: relative; | ||
57 | + .good-islike { | ||
58 | + position: absolute; | ||
59 | + width: 60rem / $pxConvertRem; | ||
60 | + height: 60rem / $pxConvertRem; | ||
61 | + top: 0rem / $pxConvertRem; | ||
62 | + right: 0rem / $pxConvertRem; | ||
63 | + line-height: 60rem / $pxConvertRem; | ||
64 | + font-size: 30rem / $pxConvertRem; | ||
65 | + text-align: center; | ||
66 | + color: #b0b0b0; | ||
67 | + text-decoration: none; | ||
68 | + } | ||
69 | + .good-like { | ||
70 | + color: #d72928; | ||
71 | + } | ||
72 | + img { | ||
73 | + display: block; | ||
74 | + width: 100%; | ||
75 | + height: 366rem / $pxConvertRem; | ||
76 | + } | ||
77 | + | ||
78 | + .few-tag { | ||
79 | + position: absolute; | ||
80 | + bottom: 0; | ||
81 | + width: 100%; | ||
82 | + height: 28rem / $pxConvertRem; | ||
83 | + background: #ffac5b; | ||
84 | + font-size: 18rem / $pxConvertRem; | ||
85 | + color: #fff; | ||
86 | + line-height: 28rem / $pxConvertRem; | ||
87 | + text-align: center; | ||
88 | + } | ||
89 | +} | ||
90 | + | ||
91 | +.good-detail-text { | ||
92 | + .name a { | ||
93 | + display: block; | ||
94 | + line-height: 56rem / $pxConvertRem; | ||
95 | + overflow: hidden; | ||
96 | + white-space: nowrap; | ||
97 | + text-overflow: ellipsis; | ||
98 | + text-decoration: none; | ||
99 | + font-size: 22rem / $pxConvertRem; | ||
100 | + color: #444; | ||
101 | + } | ||
102 | + .price { | ||
103 | + line-height: 22rem / $pxConvertRem; | ||
104 | + font-size: 22rem / $pxConvertRem; | ||
105 | + .sale-price { | ||
106 | + color: #d62927; | ||
107 | + } | ||
108 | + .sale-price.no-price { | ||
109 | + color: #000; | ||
110 | + } | ||
111 | + .market-price { | ||
112 | + margin: 0 0 0 (5rem / $pxConvertRem); | ||
113 | + color: #b0b0b0; | ||
114 | + text-decoration: line-through; | ||
115 | + } | ||
116 | + } | ||
117 | +} |
static/sass/guang/_index.scss
0 → 100644
1 | +@import "tvls", "good", "info", "plus-star"; |
static/sass/guang/_info.scss
0 → 100644
1 | +.guang-info { | ||
2 | + margin: 30rem / $pxConvertRem 0 0 0; | ||
3 | + padding: 0 0 24rem / $pxConvertRem 0; | ||
4 | + border-top: 1px solid #e0e0e0; | ||
5 | + border-bottom: 1px solid #e0e0e0; | ||
6 | + background: #fff; | ||
7 | + | ||
8 | + .info-img { | ||
9 | + position: relative; | ||
10 | + width: 100%; | ||
11 | + | ||
12 | + img { | ||
13 | + display: block; | ||
14 | + width: 100%; | ||
15 | + } | ||
16 | + } | ||
17 | + | ||
18 | + .info-match { | ||
19 | + position: absolute; | ||
20 | + top: 0; | ||
21 | + left: 0; | ||
22 | + width: 130rem / $pxConvertRem; | ||
23 | + height: 50rem / $pxConvertRem; | ||
24 | + line-height: 50rem / $pxConvertRem; | ||
25 | + font-size: 28rem / $pxConvertRem; | ||
26 | + color: #fff; | ||
27 | + background: #000; | ||
28 | + text-align: center; | ||
29 | + text-decoration: none; | ||
30 | + } | ||
31 | + | ||
32 | + .tag-tag { | ||
33 | + position: absolute; | ||
34 | + top: 0; | ||
35 | + left: 105rem / $pxConvertRem; | ||
36 | + height: 50rem / $pxConvertRem; | ||
37 | + width: 50rem / $pxConvertRem; | ||
38 | + | ||
39 | + &.collocation { | ||
40 | + background: image-url('guang/info/collocation.png'); | ||
41 | + background-size: 100% 100%; | ||
42 | + } | ||
43 | + | ||
44 | + &.fashion-good { | ||
45 | + background: image-url('guang/info/fashion-good.png'); | ||
46 | + background-size: 100% 100%; | ||
47 | + } | ||
48 | + | ||
49 | + &.fashion-man { | ||
50 | + background: image-url('guang/info/fashion-man.png'); | ||
51 | + background-size: 100% 100%; | ||
52 | + } | ||
53 | + | ||
54 | + &.tip { | ||
55 | + background: image-url('guang/info/tip.png'); | ||
56 | + background-size: 100% 100%; | ||
57 | + } | ||
58 | + | ||
59 | + &.topic { | ||
60 | + background: image-url('guang/info/topic.png'); | ||
61 | + background-size: 100% 100%; | ||
62 | + } | ||
63 | + } | ||
64 | + | ||
65 | + .info-deps { | ||
66 | + margin: 32rem / $pxConvertRem 0 0 0; | ||
67 | + padding: 0 40rem / $pxConvertRem 0 30rem / $pxConvertRem; | ||
68 | + | ||
69 | + .info-title-container { | ||
70 | + text-decoration: none; | ||
71 | + color: #000; | ||
72 | + } | ||
73 | + | ||
74 | + .info-title{ | ||
75 | + line-height: 44rem / $pxConvertRem; | ||
76 | + color: #000; | ||
77 | + font-size: 40rem / $pxConvertRem; | ||
78 | + font-weight:bold; | ||
79 | + | ||
80 | + } | ||
81 | + | ||
82 | + .info-text { | ||
83 | + margin: 16rem / $pxConvertRem 0 0 0; | ||
84 | + line-height: 46rem / $pxConvertRem; | ||
85 | + font-size: 28rem / $pxConvertRem; | ||
86 | + color: #444; | ||
87 | + } | ||
88 | + | ||
89 | + .time-view-like-share { | ||
90 | + margin-top: 16rem / $pxConvertRem; | ||
91 | + } | ||
92 | + } | ||
93 | +} |
static/sass/guang/_plus-star.scss
0 → 100644
1 | +.ps-detail-page { | ||
2 | + .ps-block { | ||
3 | + margin-bottom: 30rem / $pxConvertRem; | ||
4 | + border-bottom: 1px solid #e0e0e0; | ||
5 | + border-top: 1px solid #e0e0e0; | ||
6 | + background-color: #fff; | ||
7 | + | ||
8 | + &.header, &.related-infos { | ||
9 | + border-top: none; | ||
10 | + } | ||
11 | + | ||
12 | + &.related-infos { | ||
13 | + margin-bottom: 0; | ||
14 | + background-color: #f0f0f0; | ||
15 | + } | ||
16 | + } | ||
17 | + | ||
18 | + .header { | ||
19 | + position: relative; | ||
20 | + | ||
21 | + .banner { | ||
22 | + width: 100%; | ||
23 | + height: 310rem / $pxConvertRem; | ||
24 | + } | ||
25 | + | ||
26 | + .logo { | ||
27 | + position: absolute; | ||
28 | + border: 1px solid #b5b5b5; | ||
29 | + height: 168rem / $pxConvertRem; | ||
30 | + width: 168rem / $pxConvertRem; | ||
31 | + top: 226rem / $pxConvertRem; | ||
32 | + left: 50rem / $pxConvertRem; | ||
33 | + } | ||
34 | + | ||
35 | + .header-content { | ||
36 | + padding: 0 30rem / $pxConvertRem; | ||
37 | + } | ||
38 | + | ||
39 | + .name-islike-container { | ||
40 | + padding-left: 248rem / $pxConvertRem; | ||
41 | + margin-top: 24rem / $pxConvertRem; | ||
42 | + font-size: 34rem / $pxConvertRem; | ||
43 | + } | ||
44 | + | ||
45 | + .name { | ||
46 | + color: #000; | ||
47 | + height: 41rem / $pxConvertRem; | ||
48 | + width: 295rem / $pxConvertRem; | ||
49 | + } | ||
50 | + | ||
51 | + .brand-islike { | ||
52 | + position: relative; | ||
53 | + float: right; | ||
54 | + color: #b0b0b0; | ||
55 | + height: 1.5rem; | ||
56 | + width: 1.5rem; | ||
57 | + line-height: 1.5rem; | ||
58 | + text-align: center; | ||
59 | + top: -0.25rem; | ||
60 | + left: -0.25rem; | ||
61 | + | ||
62 | + &.like { | ||
63 | + color: #f00; | ||
64 | + } | ||
65 | + } | ||
66 | + | ||
67 | + .intro { | ||
68 | + margin-top: 49rem / $pxConvertRem; | ||
69 | + font-size: 24rem / $pxConvertRem; | ||
70 | + color: #444; | ||
71 | + line-height: 150%; | ||
72 | + } | ||
73 | + | ||
74 | + .more-intro { | ||
75 | + padding: 30rem / $pxConvertRem 0; | ||
76 | + font-size: 28rem / $pxConvertRem; | ||
77 | + line-height: 104%; | ||
78 | + color: #bbb; | ||
79 | + text-align: right; | ||
80 | + } | ||
81 | + } | ||
82 | + | ||
83 | + .new-arrival { | ||
84 | + padding-left: 0 30rem / $pxConvertRem; | ||
85 | + | ||
86 | + .new-arrival-header { | ||
87 | + padding-left: 222rem / $pxConvertRem; | ||
88 | + padding-top: 33rem / $pxConvertRem; | ||
89 | + | ||
90 | + .header-text { | ||
91 | + font-size: 28rem / $pxConvertRem; | ||
92 | + color: #000; | ||
93 | + line-height: 122%; | ||
94 | + font-weight: bold; | ||
95 | + } | ||
96 | + } | ||
97 | + | ||
98 | + .new-arrival-content { | ||
99 | + padding: 20rem / $pxConvertRem 14rem / $pxConvertRem; | ||
100 | + } | ||
101 | + | ||
102 | + .more-goods-container { | ||
103 | + height: 90rem / $pxConvertRem; | ||
104 | + padding: 0 30rem / $pxConvertRem; | ||
105 | + border-top: 1px solid #e0e0e0; | ||
106 | + color: #000; | ||
107 | + } | ||
108 | + | ||
109 | + .mg-text { | ||
110 | + height: 100%; | ||
111 | + line-height: 90rem / $pxConvertRem; | ||
112 | + color: #000; | ||
113 | + text-decoration: none; | ||
114 | + display: block; | ||
115 | + font-size: 16px; | ||
116 | + } | ||
117 | + | ||
118 | + .more-prods { | ||
119 | + float: right; | ||
120 | + color: #b0b0b0; | ||
121 | + } | ||
122 | + | ||
123 | + .new-arrival-header .more-prods { | ||
124 | + margin-right: 30rem / $pxConvertRem; | ||
125 | + margin-top: 10rem / $pxConvertRem; | ||
126 | + } | ||
127 | + | ||
128 | + } | ||
129 | + | ||
130 | + | ||
131 | + .related-info-title { | ||
132 | + margin: 0 29rem / $pxConvertRem; | ||
133 | + border: 1px solid #e0e0e0; | ||
134 | + border-bottom: none; | ||
135 | + line-height: 72rem / $pxConvertRem; | ||
136 | + font-size: 30rem / $pxConvertRem; | ||
137 | + color: #b0b0b0; | ||
138 | + text-align: center; | ||
139 | + background-color: #fff; | ||
140 | + } | ||
141 | + | ||
142 | + .related-infos-container .guang-info:first-child { | ||
143 | + margin-top: 0; | ||
144 | + } | ||
145 | +} |
static/sass/guang/_tvls.scss
0 → 100644
1 | +.time-view-like-share { | ||
2 | + color: #b0b0b0; | ||
3 | + line-height: 38rem / $pxConvertRem; | ||
4 | + height: 38rem / $pxConvertRem; | ||
5 | + font-size: 24rem / $pxConvertRem; | ||
6 | + | ||
7 | + .iconfont { | ||
8 | + vertical-align: 9%; | ||
9 | + margin-right: 4rem / $pxConvertRem; | ||
10 | + font-size: 24rem / $pxConvertRem; | ||
11 | + } | ||
12 | + | ||
13 | + .like-share-container { | ||
14 | + display: inline-block; | ||
15 | + float: right; | ||
16 | + | ||
17 | + > * { | ||
18 | + float: left; | ||
19 | + } | ||
20 | + | ||
21 | + .like-btn, .share-btn { | ||
22 | + position: relative; | ||
23 | + height: 60rem / $pxConvertRem; | ||
24 | + line-height: 60rem / $pxConvertRem; | ||
25 | + display: inline-block; | ||
26 | + | ||
27 | + color: #b0b0b0; | ||
28 | + width: 60rem / $pxConvertRem; | ||
29 | + top: -14rem / $pxConvertRem; | ||
30 | + font-size: 34rem / $pxConvertRem; | ||
31 | + text-align: center; | ||
32 | + margin-right: 0; | ||
33 | + outline: none; | ||
34 | + } | ||
35 | + | ||
36 | + .share-btn { | ||
37 | + margin-left: 20rem / $pxConvertRem; | ||
38 | + } | ||
39 | + | ||
40 | + .like-btn.like { | ||
41 | + color: #444; | ||
42 | + } | ||
43 | + } | ||
44 | +} |
1 | +{{>layout/header}} | ||
2 | +<div class="ps-detail-page ps-page yoho-page"> | ||
3 | + {{# ps}} | ||
4 | + <div class="header brand-info ps-block" data-id="{{id}}"> | ||
5 | + <img class="banner lazy" data-original="{{banner}}"> | ||
6 | + <img class="logo lazy" data-original="{{logo}}"> | ||
7 | + <div class="header-content"> | ||
8 | + <p class="name-islike-container"> | ||
9 | + <span class="name">{{name}}</span> | ||
10 | + <a id="brand-like" class="brand-islike iconfont {{# isLike}}like{{/ isLike}}" href="{{likeUrl}}"> | ||
11 | +  | ||
12 | + </a> | ||
13 | + </p> | ||
14 | + <p id="intro" class="intro"> | ||
15 | + {{intro}} | ||
16 | + </p> | ||
17 | + <div id="more-intro" class="more-intro"> | ||
18 | + <span class="more-intro-text more">more</span> | ||
19 | + <span class="more-intro-icon more iconfont down"></span> | ||
20 | + <span class="more-intro-icon more iconfont up hide"></span> | ||
21 | + </div> | ||
22 | + </div> | ||
23 | + </div> | ||
24 | + {{# newArrival}} | ||
25 | + <div class="new-arrival ps-block"> | ||
26 | + <div class="new-arrival-header"> | ||
27 | + <span class="header-text">NEW ARRIVAL</span> | ||
28 | + <a class="more-prods iconfont" href="{{moreUrl}}"></a> | ||
29 | + </div> | ||
30 | + <div class="new-arrival-content clearfix"> | ||
31 | + {{# naList}} | ||
32 | + {{> good}} | ||
33 | + {{/ naList}} | ||
34 | + </div> | ||
35 | + <div class="more-goods-container"> | ||
36 | + <a class="mg-text" href="{{moreUrl}}"> | ||
37 | + 更多商品 | ||
38 | + <span class="more-prods iconfont"></span> | ||
39 | + </a> | ||
40 | + </div> | ||
41 | + </div> | ||
42 | + {{/ newArrival}} | ||
43 | + {{#if infos}} | ||
44 | + <div class="related-infos ps-block"> | ||
45 | + <div> | ||
46 | + <h2 class="related-info-title">相关资讯</h2> | ||
47 | + </div> | ||
48 | + <div id="related-infos-container" class="related-infos-container"> | ||
49 | + {{# infos}} | ||
50 | + {{> guang/info}} | ||
51 | + {{/ infos}} | ||
52 | + </div> | ||
53 | + </div> | ||
54 | + {{/if}} | ||
55 | + {{/ ps}} | ||
56 | +</div> | ||
57 | +{{>layout/footer}} |
template/m.yohobuy.com/partials/good.phtml
0 → 100644
1 | +<div class="good-info" data-id="{{id}}"> | ||
2 | + <div class="tag-container clearfix"> | ||
3 | + {{# tags}} | ||
4 | + {{# isNew}} | ||
5 | + <p class="good-tag new-tag">NEW</p> | ||
6 | + {{/ isNew}} | ||
7 | + {{# isReNew}} | ||
8 | + <p class="good-tag renew-tag">再到着</p> | ||
9 | + {{/ isReNew}} | ||
10 | + {{# isSale}} | ||
11 | + <p class="good-tag sale-tag">SALE</p> | ||
12 | + {{/ isSale}} | ||
13 | + {{# isNewFestival}} | ||
14 | + <p class="good-tag new-festival-tag">新品节</p> | ||
15 | + {{/ isNewFestival}} | ||
16 | + {{# isLimit}} | ||
17 | + <p class="good-tag limit-tag">限量商品</p> | ||
18 | + {{/ isLimit}} | ||
19 | + {{/ tags}} | ||
20 | + </div> | ||
21 | + <div class="good-detail-img"> | ||
22 | + <a class="good-islike {{# isLike}}good-like{{/ isLike}} iconfont" href="{{likeUrl}}"></a> | ||
23 | + <a class="good-thumb" href="{{url}}"> | ||
24 | + <img class="lazy" data-original="{{thumb}}"> | ||
25 | + </a> | ||
26 | + {{# isFew}} | ||
27 | + <p class="few-tag">即将售罄</p> | ||
28 | + {{/ isFew}} | ||
29 | + </div> | ||
30 | + <div class="good-detail-text"> | ||
31 | + <div class="name"> | ||
32 | + <a href="{{url}}">{{name}}</a> | ||
33 | + </div> | ||
34 | + <div class="price"> | ||
35 | + <span class="sale-price {{^price}}no-price{{/price}}">¥{{salePrice}}</span> | ||
36 | + {{#price}} | ||
37 | + <span class="market-price">¥{{.}}</span> | ||
38 | + {{/price}} | ||
39 | + </div> | ||
40 | + </div> | ||
41 | +</div> |
1 | +<div class="guang-info" data-id="{{id}}"> | ||
2 | + <div class="info-img"> | ||
3 | + {{#if showTags}} | ||
4 | + <a href="javascript:;" class="info-match"> | ||
5 | + {{# isTip}} | ||
6 | + 小贴士 | ||
7 | + <div class="info-tag tip"></div> | ||
8 | + {{/ isTip}} | ||
9 | + {{# isCollocation}} | ||
10 | + 搭配 | ||
11 | + <div class="info-tag collocation"></div> | ||
12 | + {{/ isCollocation}} | ||
13 | + {{# isFashionMan}} | ||
14 | + 潮人 | ||
15 | + <div class="info-tag fashion-man"></div> | ||
16 | + {{/ isFashionMan}} | ||
17 | + {{# isFashionGood}} | ||
18 | + 潮品 | ||
19 | + <div class="info-tag fashion-good"></div> | ||
20 | + {{/ isFashionGood}} | ||
21 | + {{# isTopic}} | ||
22 | + 话题 | ||
23 | + <div class="info-tag topic"></div> | ||
24 | + {{/ isTopic}} | ||
25 | + </a> | ||
26 | + {{/if}} | ||
27 | + <a href="{{url}}"> | ||
28 | + <img class="lazy" data-original="{{img}}" alt="{{alt}}"> | ||
29 | + </a> | ||
30 | + </div> | ||
31 | + | ||
32 | + <div class="info-deps"> | ||
33 | + <a class="info-title-container" href="{{url}}"> | ||
34 | + <h2 class="info-title">{{title}}</h2> | ||
35 | + </a> | ||
36 | + <p class="info-text">{{text}}</p> | ||
37 | + {{> guang/tvls}} | ||
38 | + </div> | ||
39 | +</div> |
1 | +<div class="time-view-like-share clearfix"> | ||
2 | + <i class="iconfont"></i> | ||
3 | + {{publishTime}} | ||
4 | + <i class="iconfont"></i> | ||
5 | + <span class="page-view">{{pageView}}</span> | ||
6 | + <div class="like-share-container"> | ||
7 | + {{# like}} | ||
8 | + <a href="javascript:;" class="iconfont like-btn{{#isLiked}} like{{/isLiked}}"></a> | ||
9 | + <span class="like-count">{{count}}</span> | ||
10 | + {{/ like}} | ||
11 | + {{# share}} | ||
12 | + <a href="{{.}}" class="iconfont share-btn"></a> | ||
13 | + {{/ share}} | ||
14 | + </div> | ||
15 | +</div> |
@@ -20,7 +20,151 @@ class PlusstarController extends AbstractAction | @@ -20,7 +20,151 @@ class PlusstarController extends AbstractAction | ||
20 | */ | 20 | */ |
21 | public function detailAction() | 21 | public function detailAction() |
22 | { | 22 | { |
23 | - | 23 | + $data = array( |
24 | + 'id' => 1, | ||
25 | + 'banner' => 'http://7xidk0.com1.z0.glb.clouddn.com/star-banner.png', | ||
26 | + 'logo' => 'http://7xidk0.com1.z0.glb.clouddn.com/star-brand.png', | ||
27 | + 'name' => 'SSUR', | ||
28 | + 'isLike' => true, | ||
29 | + 'likeUrl' => '', | ||
30 | + 'intro' => '纽约地下街头品牌SSUR,由艺术家Russell所成立,近年来以恶搞、讽刺各大' . | ||
31 | + '品牌而闻名,包括了CHANEL、ROLEX、Cartier等等。Ssur的创办人是艺术家' . | ||
32 | + 'Russell, ssur就是其名字反过来写。剩余的位置为了测试文字截取功能是我不' . | ||
33 | + '得以而添加的,呵呵哒', | ||
34 | + 'newArrival' => array( | ||
35 | + 'moreUrl' => '', | ||
36 | + 'naList' => array( | ||
37 | + array( | ||
38 | + 'id' => 1, | ||
39 | + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
40 | + 'name' => 'GAWS DIGI 丛林数码印花拼接卫衣', | ||
41 | + 'isLike' => false, | ||
42 | + 'price' => 1268, | ||
43 | + 'salePrice' => 589, | ||
44 | + 'tags' => array( | ||
45 | + array( | ||
46 | + 'isNew' => true | ||
47 | + ), | ||
48 | + array( | ||
49 | + 'isLimit' => true | ||
50 | + ) | ||
51 | + ), | ||
52 | + 'isFew' => true, | ||
53 | + 'url' => '', | ||
54 | + 'likeUrl' => '' | ||
55 | + ), | ||
56 | + array( | ||
57 | + 'id' => 2, | ||
58 | + 'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/01/08/07/012f23fc2390ccd634082d34cc2982bf4c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
59 | + 'name' => 'CLOTtee 撞色连帽外套', | ||
60 | + 'isLike' => false, | ||
61 | + 'price' => 488, | ||
62 | + 'salePrice' => 139, | ||
63 | + 'tags' => array( | ||
64 | + array( | ||
65 | + 'isSale' => true | ||
66 | + ), | ||
67 | + array( | ||
68 | + 'isReNew' => true | ||
69 | + ) | ||
70 | + ), | ||
71 | + 'url' => '', | ||
72 | + 'likeUrl' => '' | ||
73 | + ), | ||
74 | + array( | ||
75 | + 'id' => 3, | ||
76 | + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/0244a127c89c1f77ab47f55891e45be1e6.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
77 | + 'name' => 'HALFGIRL 插肩棒球服短裙套装', | ||
78 | + 'isLike' => true, | ||
79 | + 'price' => 478, | ||
80 | + 'salePrice' => 208, | ||
81 | + 'tags' => array( | ||
82 | + array( | ||
83 | + 'isYearEndPromotion' => true | ||
84 | + ), | ||
85 | + array( | ||
86 | + 'isNewFestival' => true | ||
87 | + ) | ||
88 | + ), | ||
89 | + 'url' => '', | ||
90 | + 'likeUrl' => '' | ||
91 | + ), | ||
92 | + array( | ||
93 | + 'id' => 4, | ||
94 | + 'thumb' => 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/09/0139514beb37bf2bf321eafd1a915117f5.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
95 | + 'name' => '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣', | ||
96 | + 'isLike' => false, | ||
97 | + 'price' => 589, | ||
98 | + 'salePrice' => 148, | ||
99 | + 'tags' => array( | ||
100 | + array( | ||
101 | + 'isYearMidPromotion' => true | ||
102 | + ), | ||
103 | + array( | ||
104 | + 'isNew' => true | ||
105 | + ) | ||
106 | + ), | ||
107 | + 'url' => '', | ||
108 | + 'likeUrl' => '' | ||
109 | + ) | ||
110 | + ) | ||
111 | + ), | ||
112 | + 'infos' => array( | ||
113 | + array( | ||
114 | + 'id' => 1, | ||
115 | + 'img' => 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png', | ||
116 | + 'title' => '1.副线不知为何总是好看点', | ||
117 | + 'text' => '具有绅士气质的英伦风格是永走前沿的经典,在众多的Made ' . | ||
118 | + 'In England中Panul Smith缔造了一个传奇', | ||
119 | + 'showTags' => false, | ||
120 | + 'publishTime' => '2月13日 12:34', | ||
121 | + 'pageView' => 3445, | ||
122 | + 'like' => array( | ||
123 | + 'count' => 459, | ||
124 | + 'isLiked' => true | ||
125 | + ), | ||
126 | + 'share' => true, | ||
127 | + 'url' => '', | ||
128 | + 'likeUrl' => '' | ||
129 | + ), | ||
130 | + array( | ||
131 | + 'id' => 1, | ||
132 | + 'img' => 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png', | ||
133 | + 'title' => '1.副线不知为何总是好看点', | ||
134 | + 'text' => '具有绅士气质的英伦风格是永走前沿的经典,在众多的Made ' . | ||
135 | + 'In England中Panul Smith缔造了一个传奇', | ||
136 | + 'showTags' => false, | ||
137 | + 'publishTime' => '2月13日 12:34', | ||
138 | + 'pageView' => 3445, | ||
139 | + 'like' => array( | ||
140 | + 'count' => 459, | ||
141 | + 'isLiked' => true | ||
142 | + ), | ||
143 | + 'share' => true, | ||
144 | + 'url' => '', | ||
145 | + 'likeUrl' => '' | ||
146 | + ), | ||
147 | + array( | ||
148 | + 'id' => 2, | ||
149 | + 'img' => 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png', | ||
150 | + 'title' => '2.副线不知为何总是好看点测试长度是否会被截取塞真的很恶心啊', | ||
151 | + 'text' => '具有绅士气质的英伦风格是永走前沿的经典,在众多的Made ' . | ||
152 | + 'In England中Panul Smith缔造了一个传奇', | ||
153 | + 'showTags' => false, | ||
154 | + 'publishTime' => '2月13日 12:34', | ||
155 | + 'pageView' => 3445, | ||
156 | + 'like' => array( | ||
157 | + 'count' => 100, | ||
158 | + 'isLiked' => false | ||
159 | + ), | ||
160 | + 'share' => true, | ||
161 | + 'url' => '', | ||
162 | + 'likeUrl' => '' | ||
163 | + ) | ||
164 | + ) | ||
165 | + ); | ||
166 | + $this->_view->assign('title', 'PLUS+STAR 详情页'); | ||
167 | + $this->_view->display('detail', array('modulePath' => 'guang/plus-star', 'ps' => $data)); | ||
24 | } | 168 | } |
25 | 169 | ||
26 | } | 170 | } |
-
Please register or login to post a comment