Showing
2 changed files
with
41 additions
and
23 deletions
| @@ -5,9 +5,14 @@ | @@ -5,9 +5,14 @@ | ||
| 5 | <img src="{{image shop_logo 240 85}}" alt="LALABOBO"> | 5 | <img src="{{image shop_logo 240 85}}" alt="LALABOBO"> |
| 6 | <h5 class="bname">{{shop_name}}</h5> | 6 | <h5 class="bname">{{shop_name}}</h5> |
| 7 | <p class="summary"> | 7 | <p class="summary"> |
| 8 | - 上新 | ||
| 9 | - <span class="red">{{new_product_num}}</span>件 | ||
| 10 | - <span class="red">{{favorite_num}}</span>人收藏 | 8 | + <span class="summary-info"> |
| 9 | + <b>{{new_product_num}}</b> | ||
| 10 | + <b>上新</b> | ||
| 11 | + </span> | ||
| 12 | + <span class="summary-info"> | ||
| 13 | + <b>{{favorite_num}}</b> | ||
| 14 | + <b>收藏</b> | ||
| 15 | + </span> | ||
| 11 | </p> | 16 | </p> |
| 12 | <a href="//m.yohobuy.com/product/index/brand?domain={{shop_domain}}" class="entry">进入店铺</a> | 17 | <a href="//m.yohobuy.com/product/index/brand?domain={{shop_domain}}" class="entry">进入店铺</a> |
| 13 | </div> | 18 | </div> |
| @@ -353,46 +353,59 @@ | @@ -353,46 +353,59 @@ | ||
| 353 | 353 | ||
| 354 | .brand-info { | 354 | .brand-info { |
| 355 | padding-top: 28px; | 355 | padding-top: 28px; |
| 356 | - padding-bottom: 55px; | ||
| 357 | text-align: center; | 356 | text-align: center; |
| 358 | 357 | ||
| 359 | .brand-info-box { | 358 | .brand-info-box { |
| 360 | - background-color: #f5f5f5; | ||
| 361 | - padding-top: 22px; | ||
| 362 | - height: 368px; | 359 | + padding-top: 72px; |
| 360 | + height: 478px; | ||
| 363 | overflow: hidden; | 361 | overflow: hidden; |
| 362 | + border: 2px solid #e0e0e0; | ||
| 364 | } | 363 | } |
| 365 | 364 | ||
| 366 | img { | 365 | img { |
| 367 | - width: 141px; | ||
| 368 | - height: 66px; | 366 | + width: 240px; |
| 367 | + height: 100px; | ||
| 369 | } | 368 | } |
| 370 | 369 | ||
| 371 | .bname { | 370 | .bname { |
| 372 | - font-size: 18px; | ||
| 373 | - color: #b0b0b0; | 371 | + font-size: 24px; |
| 372 | + color: #444; | ||
| 374 | margin-top: 40px; | 373 | margin-top: 40px; |
| 375 | - margin-bottom: 60px; | 374 | + margin-bottom: 58px; |
| 376 | } | 375 | } |
| 377 | 376 | ||
| 378 | .summary { | 377 | .summary { |
| 379 | - font-size: 16px; | ||
| 380 | - margin-bottom: 36px; | 378 | + font-size: 30px; |
| 379 | + color: #444; | ||
| 380 | + } | ||
| 381 | + | ||
| 382 | + .summary-info { | ||
| 383 | + width: 48%; | ||
| 384 | + display: inline-block; | ||
| 385 | + text-align: center; | ||
| 386 | + | ||
| 387 | + b { | ||
| 388 | + display: block; | ||
| 389 | + width: 100%; | ||
| 390 | + } | ||
| 381 | 391 | ||
| 382 | - .red { | ||
| 383 | - color: #e27b88; | 392 | + b:nth-child(2) { |
| 393 | + color: #b0b0b0; | ||
| 394 | + font-size: 22px; | ||
| 384 | } | 395 | } |
| 385 | } | 396 | } |
| 386 | 397 | ||
| 387 | .entry { | 398 | .entry { |
| 388 | display: inline-block; | 399 | display: inline-block; |
| 389 | - height: 50px; | ||
| 390 | - padding-left: 19px; | ||
| 391 | - padding-right: 19px; | ||
| 392 | - line-height: 50px; | ||
| 393 | - color: #444; | ||
| 394 | - border: 2px solid #444; | ||
| 395 | - border-radius: 5px; | 400 | + height: 60px; |
| 401 | + font-size: 24px; | ||
| 402 | + margin: 0 20px; | ||
| 403 | + text-align: center; | ||
| 404 | + line-height: 60px; | ||
| 405 | + color: #fff; | ||
| 406 | + background-color: #d0021b; | ||
| 407 | + width: 85%; | ||
| 408 | + margin-top: 18px; | ||
| 396 | } | 409 | } |
| 397 | } | 410 | } |
| 398 | } | 411 | } |
-
Please register or login to post a comment