fe / YOHOBUYWAP · Commits

Go to a project

Authored by Lynnic
Commit 577cebf96778d1d1c6c177af87286668664369b4 1 parent ec2b220f

update

Inline Side-by-side
Showing 4 changed files with 25 additions and 20 deletions
@@ -1127,12 +1127,14 @@ @@ -1127,12 +1127,14 @@
1127 'goodsDescription' : { 1127 'goodsDescription' : {
1128 'title' : '商品描述', 1128 'title' : '商品描述',
1129 'enTitle' : 'DESCRIPTON', 1129 'enTitle' : 'DESCRIPTON',
1130 - 'detail' : [  
1131 - {  
1132 - 'param' : '编号: 51018059'  
1133 - },  
1134 - ...  
1135 - ], 1130 + 'detail' : {
  1131 + 'list':[
  1132 + {
  1133 + 'param' : '编号: 51018059'
  1134 + },
  1135 + ...
  1136 + ]
  1137 + },
1136 'desc': 'balabala' 1138 'desc': 'balabala'
1137 }, 1139 },
1138 1140
@@ -54,18 +54,20 @@ $basicBtnC:#eb0313; @@ -54,18 +54,20 @@ $basicBtnC:#eb0313;
54 font-size: pxToRem(24px); 54 font-size: pxToRem(24px);
55 line-height: pxToRem(36px); 55 line-height: pxToRem(36px);
56 &.table { 56 &.table {
57 - display: table;  
58 width: 100%; 57 width: 100%;
59 - .row {  
60 - display: table-row; 58 + // .row {
  59 + // display: table-row;
61 .column { 60 .column {
  61 + box-sizing:border-box;
62 display: table-cell; 62 display: table-cell;
63 - padding: 0.4em 0.8em; 63 + padding: pxToRem(16px) pxToRem(12px);
  64 + width: 50%;
64 border: 1px solid #fff; 65 border: 1px solid #fff;
65 font-size: pxToRem(24px); 66 font-size: pxToRem(24px);
66 background-color: $tableCellC; 67 background-color: $tableCellC;
  68 + float:left;
67 } 69 }
68 - } 70 + // }
69 } 71 }
70 } 72 }
71 } 73 }
@@ -198,19 +200,20 @@ $basicBtnC:#eb0313; @@ -198,19 +200,20 @@ $basicBtnC:#eb0313;
198 } 200 }
199 .vip-img{ 201 .vip-img{
200 padding-right: pxToRem(22px); 202 padding-right: pxToRem(22px);
201 - img{ 203 + .img{
202 width: pxToRem(52px); 204 width: pxToRem(52px);
203 height: pxToRem(32px); 205 height: pxToRem(32px);
204 } 206 }
205 - &:nth-child(3n-3) { 207 + &:nth-child(3n-3) .img{
206 background: image-url('product/silver.png') no-repeat; 208 background: image-url('product/silver.png') no-repeat;
207 } 209 }
208 - &:nth-child(3n-2) { 210 + &:nth-child(3n-2) .img{
209 background: image-url('product/golden.png') no-repeat; 211 background: image-url('product/golden.png') no-repeat;
210 } 212 }
211 - &:nth-child(3n-1) { 213 + &:nth-child(3n-1) .img{
212 background: image-url('product/platinum.png') no-repeat; 214 background: image-url('product/platinum.png') no-repeat;
213 } 215 }
  216 +
214 } 217 }
215 .vip-price { 218 .vip-price {
216 padding-right: pxToRem(55px); 219 padding-right: pxToRem(55px);
@@ -35,7 +35,7 @@ @@ -35,7 +35,7 @@
35 <div class="vipLevel"> 35 <div class="vipLevel">
36 {{# list}} 36 {{# list}}
37 <span class="vip-img"> 37 <span class="vip-img">
38 - <img class="img" alt=""> 38 + <div class="img" alt=""></div>
39 </span> 39 </span>
40 <span class="vip-price">{{text}}</span> 40 <span class="vip-price">{{text}}</span>
41 {{/ list}} 41 {{/ list}}
@@ -7,11 +7,11 @@ @@ -7,11 +7,11 @@
7 </h1> 7 </h1>
8 {{#detail}} 8 {{#detail}}
9 <ul class="detail table clearfix"> 9 <ul class="detail table clearfix">
10 - {{# list}}  
11 - <li class="row"> 10 + <!-- <li class="row"> -->
  11 + {{#list}}
12 <div class="column">{{param}}</div> 12 <div class="column">{{param}}</div>
13 - </li>  
14 - {{/ list}} 13 + {{/list}}
  14 + <!-- </li> -->
15 </ul> 15 </ul>
16 {{/detail}} 16 {{/detail}}
17 <div class="desc-text">{{desc}}</div> 17 <div class="desc-text">{{desc}}</div>