Showing
8 changed files
with
56 additions
and
23 deletions
| @@ -181,7 +181,8 @@ exports.grade = (req, res, next) => { | @@ -181,7 +181,8 @@ exports.grade = (req, res, next) => { | ||
| 181 | module: 'home', | 181 | module: 'home', |
| 182 | page: 'grade', | 182 | page: 'grade', |
| 183 | title: '会员等级', | 183 | title: '会员等级', |
| 184 | - pageFooter: true | 184 | + pageFooter: true, |
| 185 | + width750: true | ||
| 185 | }; | 186 | }; |
| 186 | 187 | ||
| 187 | let param = { | 188 | let param = { |
| @@ -213,7 +214,8 @@ exports.preferential = (req, res, next) => { | @@ -213,7 +214,8 @@ exports.preferential = (req, res, next) => { | ||
| 213 | module: 'home', | 214 | module: 'home', |
| 214 | page: 'grade', | 215 | page: 'grade', |
| 215 | title: '会员特权详情', | 216 | title: '会员特权详情', |
| 216 | - pageFooter: true | 217 | + pageFooter: true, |
| 218 | + width750: true | ||
| 217 | }; | 219 | }; |
| 218 | 220 | ||
| 219 | let param = { | 221 | let param = { |
| @@ -73,7 +73,8 @@ module.exports = class extends global.yoho.BaseModel { | @@ -73,7 +73,8 @@ module.exports = class extends global.yoho.BaseModel { | ||
| 73 | enp = { | 73 | enp = { |
| 74 | description: val.description, | 74 | description: val.description, |
| 75 | pic: val.pic, | 75 | pic: val.pic, |
| 76 | - title: val.title | 76 | + title: val.title, |
| 77 | + href: val.id === 8 | ||
| 77 | }; | 78 | }; |
| 78 | 79 | ||
| 79 | obj.privilege.push(enp); | 80 | obj.privilege.push(enp); |
| @@ -362,7 +362,8 @@ const getGrade = (param) => { | @@ -362,7 +362,8 @@ const getGrade = (param) => { | ||
| 362 | enp = { | 362 | enp = { |
| 363 | description: val.description, | 363 | description: val.description, |
| 364 | pic: val.pic, | 364 | pic: val.pic, |
| 365 | - title: val.title | 365 | + title: val.title, |
| 366 | + href: val.id === 8 | ||
| 366 | }; | 367 | }; |
| 367 | 368 | ||
| 368 | obj.privilege.push(enp); | 369 | obj.privilege.push(enp); |
| @@ -461,7 +462,8 @@ const getPreferential = (params) => { | @@ -461,7 +462,8 @@ const getPreferential = (params) => { | ||
| 461 | obj = { | 462 | obj = { |
| 462 | description: val.description, | 463 | description: val.description, |
| 463 | pic: val.pic, | 464 | pic: val.pic, |
| 464 | - title: val.title | 465 | + title: val.title, |
| 466 | + href: val.id === 8 | ||
| 465 | }; | 467 | }; |
| 466 | 468 | ||
| 467 | resu.privilege.push(obj); | 469 | resu.privilege.push(obj); |
| @@ -147,7 +147,7 @@ | @@ -147,7 +147,7 @@ | ||
| 147 | </div> | 147 | </div> |
| 148 | <div class="tab-item hide"> | 148 | <div class="tab-item hide"> |
| 149 | {{# vipGrade}} | 149 | {{# vipGrade}} |
| 150 | - <div class="vip-privilege-page"> | 150 | + <div class="vip-privilege-page clearfix"> |
| 151 | {{> vip-grade/privilege}} | 151 | {{> vip-grade/privilege}} |
| 152 | </div> | 152 | </div> |
| 153 | <a class="big-top" href="{{allUrl}}"> | 153 | <a class="big-top" href="{{allUrl}}"> |
| 1 | <div class="vip-privilege-page yoho-page"> | 1 | <div class="vip-privilege-page yoho-page"> |
| 2 | - <ul class="privilege-list"> | 2 | + <div class="privilege-list clearfix"> |
| 3 | {{#each privilege}} | 3 | {{#each privilege}} |
| 4 | - <li> | 4 | + <a{{#if href}} href="//m.yohobuy.com/activity/birthday"{{/if}}> |
| 5 | <img class="icon" src="{{pic}}"> | 5 | <img class="icon" src="{{pic}}"> |
| 6 | <p> | 6 | <p> |
| 7 | {{title}} | 7 | {{title}} |
| 8 | <span>{{description}}</span> | 8 | <span>{{description}}</span> |
| 9 | </p> | 9 | </p> |
| 10 | - </li> | 10 | + {{#if href}} |
| 11 | + <span class="iconfont"></span> | ||
| 12 | + {{/if}} | ||
| 13 | + </a> | ||
| 11 | {{/each}} | 14 | {{/each}} |
| 12 | - </ul> | 15 | + </div> |
| 13 | </div> | 16 | </div> |
| 1 | -<ul class="privilege-list"> | 1 | +<div class="privilege-list clearfix"> |
| 2 | {{#each privilege}} | 2 | {{#each privilege}} |
| 3 | - <li> | 3 | + <a{{#if href}} href="//m.yohobuy.com/activity/birthday"{{/if}}> |
| 4 | <img class="icon" src="{{pic}}"> | 4 | <img class="icon" src="{{pic}}"> |
| 5 | <p> | 5 | <p> |
| 6 | {{title}} | 6 | {{title}} |
| 7 | <span>{{description}}</span> | 7 | <span>{{description}}</span> |
| 8 | </p> | 8 | </p> |
| 9 | - </li> | 9 | + {{#if href}} |
| 10 | + <span class="iconfont"></span> | ||
| 11 | + {{/if}} | ||
| 12 | + </a> | ||
| 10 | {{/each}} | 13 | {{/each}} |
| 11 | -</ul> | ||
| 14 | +</div> |
| @@ -176,13 +176,29 @@ | @@ -176,13 +176,29 @@ | ||
| 176 | height: 70px; | 176 | height: 70px; |
| 177 | } | 177 | } |
| 178 | 178 | ||
| 179 | - li { | 179 | + a { |
| 180 | + width: 690px; | ||
| 181 | + clear: both; | ||
| 182 | + float: left; | ||
| 180 | padding: 25px 0; | 183 | padding: 25px 0; |
| 184 | + border-bottom: solid 1px #e5e5e5; | ||
| 185 | + | ||
| 186 | + &:last-child { | ||
| 187 | + border-bottom: 0; | ||
| 188 | + } | ||
| 189 | + | ||
| 190 | + .iconfont { | ||
| 191 | + float: right; | ||
| 192 | + line-height: 70px; | ||
| 193 | + } | ||
| 181 | } | 194 | } |
| 182 | 195 | ||
| 183 | p { | 196 | p { |
| 184 | font-size: 28px; | 197 | font-size: 28px; |
| 185 | - margin-left: 100px; | 198 | + margin-left: 30px; |
| 199 | + min-height: 70px; | ||
| 200 | + width: 560px; | ||
| 201 | + float: left; | ||
| 186 | } | 202 | } |
| 187 | 203 | ||
| 188 | span { | 204 | span { |
| @@ -214,10 +214,10 @@ | @@ -214,10 +214,10 @@ | ||
| 214 | .vip-privilege-page { | 214 | .vip-privilege-page { |
| 215 | background-color: #fff; | 215 | background-color: #fff; |
| 216 | padding: 0 30px; | 216 | padding: 0 30px; |
| 217 | + margin-top: 20px; | ||
| 217 | } | 218 | } |
| 218 | 219 | ||
| 219 | .privilege-list { | 220 | .privilege-list { |
| 220 | - margin-top: 20px; | ||
| 221 | background: #fff; | 221 | background: #fff; |
| 222 | 222 | ||
| 223 | .icon { | 223 | .icon { |
| @@ -225,25 +225,31 @@ | @@ -225,25 +225,31 @@ | ||
| 225 | display: block; | 225 | display: block; |
| 226 | width: 70px; | 226 | width: 70px; |
| 227 | height: 70px; | 227 | height: 70px; |
| 228 | - margin: 25px 0; | ||
| 229 | } | 228 | } |
| 230 | 229 | ||
| 231 | - li { | 230 | + a { |
| 231 | + width: 690px; | ||
| 232 | clear: both; | 232 | clear: both; |
| 233 | + float: left; | ||
| 234 | + padding: 25px 0; | ||
| 235 | + border-bottom: solid 1px #e5e5e5; | ||
| 233 | 236 | ||
| 234 | &:last-child { | 237 | &:last-child { |
| 235 | - p { | ||
| 236 | border-bottom: 0; | 238 | border-bottom: 0; |
| 237 | } | 239 | } |
| 240 | + | ||
| 241 | + .iconfont { | ||
| 242 | + float: right; | ||
| 243 | + line-height: 70px; | ||
| 238 | } | 244 | } |
| 239 | } | 245 | } |
| 240 | 246 | ||
| 241 | p { | 247 | p { |
| 242 | font-size: 28px; | 248 | font-size: 28px; |
| 243 | - margin-left: 100px; | ||
| 244 | - padding: 25px 0; | ||
| 245 | - border-bottom: solid 1px #e5e5e5; | 249 | + margin-left: 30px; |
| 246 | min-height: 70px; | 250 | min-height: 70px; |
| 251 | + width: 560px; | ||
| 252 | + float: left; | ||
| 247 | } | 253 | } |
| 248 | 254 | ||
| 249 | span { | 255 | span { |
-
Please register or login to post a comment