Authored by 毕凯

code review by zhaobiao

@@ -45,4 +45,4 @@ @@ -45,4 +45,4 @@
45 } 45 }
46 } 46 }
47 } 47 }
48 -}  
  48 +}
@@ -208,18 +208,19 @@ $basicBtnC:#eb0313; @@ -208,18 +208,19 @@ $basicBtnC:#eb0313;
208 height: auto; 208 height: auto;
209 li { 209 li {
210 float: left; 210 float: left;
  211 + img {
  212 + height: auto;
  213 + }
211 } 214 }
212 } 215 }
213 } 216 }
214 .goodsName { 217 .goodsName {
215 box-sizing: border-box; 218 box-sizing: border-box;
216 width: 100%; 219 width: 100%;
217 - min-height: pxToRem(88px);  
218 font-size: pxToRem(28px); 220 font-size: pxToRem(28px);
219 color: #fff; 221 color: #fff;
220 - padding-left: pxToRem(28px);  
221 - padding-right: pxToRem(28px);  
222 - line-height: pxToRem(36px); 222 + padding: pxToRem(20px) pxToRem(28px);
  223 + line-height: pxToRem(48px);
223 background-color: #515150; 224 background-color: #515150;
224 } 225 }
225 .goodsSubtitle { 226 .goodsSubtitle {
@@ -278,14 +279,14 @@ $basicBtnC:#eb0313; @@ -278,14 +279,14 @@ $basicBtnC:#eb0313;
278 line-height: pxToRem(88px); 279 line-height: pxToRem(88px);
279 } 280 }
280 } 281 }
281 - .goodsName {  
282 - // width: 100%;  
283 - display: table;  
284 - span {  
285 - display: table-cell;  
286 - vertical-align: middle;  
287 - }  
288 - } 282 + // .goodsName {
  283 + // // width: 100%;
  284 + // display: table;
  285 + // span {
  286 + // display: table-cell;
  287 + // vertical-align: middle;
  288 + // }
  289 + // }
289 .vip-level { 290 .vip-level {
290 box-sizing: box-border; 291 box-sizing: box-border;
291 padding-left: pxToRem(28px); 292 padding-left: pxToRem(28px);
@@ -360,21 +361,28 @@ $basicBtnC:#eb0313; @@ -360,21 +361,28 @@ $basicBtnC:#eb0313;
360 } 361 }
361 } 362 }
362 .enter-store { 363 .enter-store {
363 - min-height: pxToRem(100px);  
364 - display: table; 364 + position: relative;
  365 + padding: 0 pxToRem(180px) 0 pxToRem(114px);
  366 + line-height: pxToRem(84px);
365 background-color: #fff; 367 background-color: #fff;
366 - a {  
367 - display: table-cell;  
368 - vertical-align: middle;  
369 - text-align: left;  
370 - } 368 + white-space: nowrap;
  369 + overflow: hidden;
  370 + text-overflow: ellipsis;
  371 +
371 .store-logo { 372 .store-logo {
372 - // padding-right: 35rem/$pxConvertRem; 373 + position: absolute;
  374 + left: 0;
  375 + top: 1px;
  376 + width: pxToRem(68px);
  377 + height: pxToRem(84px);
  378 + margin-left: pxToRem(30px);
  379 + font-size: 0;
  380 + text-align: center;
373 img { 381 img {
  382 + display: inline-block;
374 width: auto; 383 width: auto;
375 height: pxToRem(68px); 384 height: pxToRem(68px);
376 - margin-left: 0;  
377 - margin-right: pxToRem(-25px); 385 + vertical-align: middle;
378 } 386 }
379 } 387 }
380 .store-name { 388 .store-name {
@@ -382,6 +390,10 @@ $basicBtnC:#eb0313; @@ -382,6 +390,10 @@ $basicBtnC:#eb0313;
382 color: $mainFontC; 390 color: $mainFontC;
383 } 391 }
384 .store-link { 392 .store-link {
  393 + position: absolute;
  394 + right: 0;
  395 + top: 1px;
  396 + padding-right: pxToRem(30px);
385 font-size: pxToRem(28px); 397 font-size: pxToRem(28px);
386 color: $subFontC; 398 color: $subFontC;
387 text-align: right; 399 text-align: right;