code review by zhaobiao
Showing
2 changed files
with
35 additions
and
23 deletions
@@ -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; |
-
Please register or login to post a comment