Showing
9 changed files
with
92 additions
and
77 deletions
| @@ -8,7 +8,7 @@ require('channel/home.page.css'); | @@ -8,7 +8,7 @@ require('channel/home.page.css'); | ||
| 8 | 8 | ||
| 9 | 9 | ||
| 10 | var $ = require('yoho-jquery'), | 10 | var $ = require('yoho-jquery'), |
| 11 | - Swiper = require('yoho-swiper'), | 11 | + Swiper = require('yoho-swiper2'), |
| 12 | lazyLoad = require('yoho-jquery-lazyload'), | 12 | lazyLoad = require('yoho-jquery-lazyload'), |
| 13 | fastclick = require('yoho-fastclick'), | 13 | fastclick = require('yoho-fastclick'), |
| 14 | noticeScroll = require('../plugin/notice-scroll'), | 14 | noticeScroll = require('../plugin/notice-scroll'), |
| @@ -5,7 +5,7 @@ | @@ -5,7 +5,7 @@ | ||
| 5 | @import "../layout/_swiper.css"; | 5 | @import "../layout/_swiper.css"; |
| 6 | .brand-page { | 6 | .brand-page { |
| 7 | .re-pos-search { | 7 | .re-pos-search { |
| 8 | - top: 80px !important; | 8 | + top: 40PX !important; |
| 9 | } | 9 | } |
| 10 | 10 | ||
| 11 | .banner-top { | 11 | .banner-top { |
| @@ -48,8 +48,8 @@ | @@ -48,8 +48,8 @@ | ||
| 48 | .genderNav { | 48 | .genderNav { |
| 49 | display: block; | 49 | display: block; |
| 50 | width: 100%; | 50 | width: 100%; |
| 51 | - height: 80px; | ||
| 52 | - line-height: 80px; | 51 | + height: 40PX; |
| 52 | + line-height: 40PX; | ||
| 53 | overflow: hidden; | 53 | overflow: hidden; |
| 54 | color: #aeaeae; | 54 | color: #aeaeae; |
| 55 | z-index: 3; | 55 | z-index: 3; |
| @@ -69,7 +69,7 @@ | @@ -69,7 +69,7 @@ | ||
| 69 | float: left; | 69 | float: left; |
| 70 | text-align: center; | 70 | text-align: center; |
| 71 | position: relative; | 71 | position: relative; |
| 72 | - font-size: 28px; | 72 | + |
| 73 | 73 | ||
| 74 | i { | 74 | i { |
| 75 | width: 100%; | 75 | width: 100%; |
| @@ -83,6 +83,7 @@ | @@ -83,6 +83,7 @@ | ||
| 83 | height: auto; | 83 | height: auto; |
| 84 | overflow: hidden; | 84 | overflow: hidden; |
| 85 | display: block; | 85 | display: block; |
| 86 | + font-size: 14PX; | ||
| 86 | } | 87 | } |
| 87 | 88 | ||
| 88 | .split-border { | 89 | .split-border { |
| @@ -131,7 +132,6 @@ | @@ -131,7 +132,6 @@ | ||
| 131 | float: left; | 132 | float: left; |
| 132 | text-align: center; | 133 | text-align: center; |
| 133 | position: relative; | 134 | position: relative; |
| 134 | - font-size: 28px; | ||
| 135 | 135 | ||
| 136 | i { | 136 | i { |
| 137 | width: 100%; | 137 | width: 100%; |
| @@ -145,6 +145,7 @@ | @@ -145,6 +145,7 @@ | ||
| 145 | height: auto; | 145 | height: auto; |
| 146 | overflow: hidden; | 146 | overflow: hidden; |
| 147 | display: block; | 147 | display: block; |
| 148 | + font-size: 14PX; | ||
| 148 | } | 149 | } |
| 149 | 150 | ||
| 150 | .split-border { | 151 | .split-border { |
| @@ -176,7 +177,7 @@ | @@ -176,7 +177,7 @@ | ||
| 176 | padding: 14px 3.125%; | 177 | padding: 14px 3.125%; |
| 177 | background-color: #f8f8f8; | 178 | background-color: #f8f8f8; |
| 178 | left: 0; | 179 | left: 0; |
| 179 | - top: 90px; | 180 | + top: 40PX; |
| 180 | position: fixed; | 181 | position: fixed; |
| 181 | z-index: 2; | 182 | z-index: 2; |
| 182 | 183 | ||
| @@ -207,7 +208,7 @@ | @@ -207,7 +208,7 @@ | ||
| 207 | 208 | ||
| 208 | .search-icon { | 209 | .search-icon { |
| 209 | position: absolute; | 210 | position: absolute; |
| 210 | - font-size: 24px; | 211 | + font-size: 12PX; |
| 211 | top: 0; | 212 | top: 0; |
| 212 | left: 24px; | 213 | left: 24px; |
| 213 | line-height: 60px; | 214 | line-height: 60px; |
| @@ -218,7 +219,7 @@ | @@ -218,7 +219,7 @@ | ||
| 218 | border: none; | 219 | border: none; |
| 219 | width: 95%; | 220 | width: 95%; |
| 220 | height: 60px; | 221 | height: 60px; |
| 221 | - font-size: 1.2em; | 222 | + font-size: 16PX; |
| 222 | padding: 0 10px; | 223 | padding: 0 10px; |
| 223 | } | 224 | } |
| 224 | 225 | ||
| @@ -264,6 +265,11 @@ | @@ -264,6 +265,11 @@ | ||
| 264 | 265 | ||
| 265 | .floor-header { | 266 | .floor-header { |
| 266 | padding: 0; | 267 | padding: 0; |
| 268 | + | ||
| 269 | + h2 { | ||
| 270 | + font-size: 15PX; | ||
| 271 | + color: #444; | ||
| 272 | + } | ||
| 267 | } | 273 | } |
| 268 | 274 | ||
| 269 | .brands-swiper { | 275 | .brands-swiper { |
| @@ -311,7 +317,7 @@ | @@ -311,7 +317,7 @@ | ||
| 311 | padding: 0 20px; | 317 | padding: 0 20px; |
| 312 | height: 50px; | 318 | height: 50px; |
| 313 | line-height: 50px; | 319 | line-height: 50px; |
| 314 | - font-size: 34px; | 320 | + font-size: 17PX; |
| 315 | border-top: 1px solid #e6e6e6; | 321 | border-top: 1px solid #e6e6e6; |
| 316 | background-color: #f4f4f4; | 322 | background-color: #f4f4f4; |
| 317 | } | 323 | } |
| @@ -325,7 +331,7 @@ | @@ -325,7 +331,7 @@ | ||
| 325 | display: block; | 331 | display: block; |
| 326 | height: 76px; | 332 | height: 76px; |
| 327 | line-height: 76px; | 333 | line-height: 76px; |
| 328 | - font-size: 28px; | 334 | + font-size: 14PX; |
| 329 | border-bottom: 1px solid #f3f3f3; | 335 | border-bottom: 1px solid #f3f3f3; |
| 330 | border-top: 1px solid #f9f9f9; | 336 | border-top: 1px solid #f9f9f9; |
| 331 | 337 | ||
| @@ -336,7 +342,7 @@ | @@ -336,7 +342,7 @@ | ||
| 336 | height: 42px; | 342 | height: 42px; |
| 337 | text-align: center; | 343 | text-align: center; |
| 338 | vertical-align: middle; | 344 | vertical-align: middle; |
| 339 | - font-size: 28px; | 345 | + font-size: 14PX; |
| 340 | line-height: 44px; | 346 | line-height: 44px; |
| 341 | color: #fff; | 347 | color: #fff; |
| 342 | border-radius: 50px; | 348 | border-radius: 50px; |
| @@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
| 16 | margin-right: 4px; | 16 | margin-right: 4px; |
| 17 | height: 28px; | 17 | height: 28px; |
| 18 | text-align: center; | 18 | text-align: center; |
| 19 | - font-size: 18px; | 19 | + font-size: 12PX; |
| 20 | line-height: 28px; | 20 | line-height: 28px; |
| 21 | 21 | ||
| 22 | &:last-child { | 22 | &:last-child { |
| @@ -107,7 +107,7 @@ | @@ -107,7 +107,7 @@ | ||
| 107 | background: #ffac5b; | 107 | background: #ffac5b; |
| 108 | color: #fff; | 108 | color: #fff; |
| 109 | text-align: center; | 109 | text-align: center; |
| 110 | - font-size: 18px; | 110 | + font-size: 12PX; |
| 111 | line-height: 28px; | 111 | line-height: 28px; |
| 112 | } | 112 | } |
| 113 | 113 | ||
| @@ -148,7 +148,7 @@ | @@ -148,7 +148,7 @@ | ||
| 148 | margin: 15px 0 10px; | 148 | margin: 15px 0 10px; |
| 149 | min-height: 50px; | 149 | min-height: 50px; |
| 150 | color: #444; | 150 | color: #444; |
| 151 | - font-size: 22px; | 151 | + font-size: 12PX; |
| 152 | line-height: 30px; | 152 | line-height: 30px; |
| 153 | padding: 5px 0; /* 商品标题限制行数的bug修复 增加元素的clientHeight */ | 153 | padding: 5px 0; /* 商品标题限制行数的bug修复 增加元素的clientHeight */ |
| 154 | display: -webkit-box; | 154 | display: -webkit-box; |
| @@ -159,7 +159,7 @@ | @@ -159,7 +159,7 @@ | ||
| 159 | } | 159 | } |
| 160 | 160 | ||
| 161 | .price { | 161 | .price { |
| 162 | - font-size: 22px; | 162 | + font-size: 12PX; |
| 163 | line-height: 22px; | 163 | line-height: 22px; |
| 164 | white-space: nowrap; | 164 | white-space: nowrap; |
| 165 | 165 | ||
| @@ -172,6 +172,7 @@ | @@ -172,6 +172,7 @@ | ||
| 172 | } | 172 | } |
| 173 | 173 | ||
| 174 | .market-price { | 174 | .market-price { |
| 175 | + font-size: 12PX; | ||
| 175 | margin: 0 0 0 5px; | 176 | margin: 0 0 0 5px; |
| 176 | color: #b0b0b0; | 177 | color: #b0b0b0; |
| 177 | text-decoration: line-through; | 178 | text-decoration: line-through; |
| @@ -3,8 +3,8 @@ | @@ -3,8 +3,8 @@ | ||
| 3 | background: #fff; | 3 | background: #fff; |
| 4 | border: 1px solid #e0e0e0; | 4 | border: 1px solid #e0e0e0; |
| 5 | border-bottom: none; | 5 | border-bottom: none; |
| 6 | - line-height: 72px; | ||
| 7 | - font-size: 30px; | 6 | + line-height: 36PX; |
| 7 | + font-size: 15PX; | ||
| 8 | color: #b0b0b0; | 8 | color: #b0b0b0; |
| 9 | text-align: center; | 9 | text-align: center; |
| 10 | } | 10 | } |
| @@ -55,7 +55,7 @@ | @@ -55,7 +55,7 @@ | ||
| 55 | 55 | ||
| 56 | .name { | 56 | .name { |
| 57 | float: left; | 57 | float: left; |
| 58 | - font-size: 28px; | 58 | + font-size: 14PX; |
| 59 | color: #000; | 59 | color: #000; |
| 60 | padding: 30px 0; | 60 | padding: 30px 0; |
| 61 | margin-left: 30px; | 61 | margin-left: 30px; |
| @@ -63,7 +63,7 @@ | @@ -63,7 +63,7 @@ | ||
| 63 | 63 | ||
| 64 | .intro { | 64 | .intro { |
| 65 | float: left; | 65 | float: left; |
| 66 | - font-size: 28px; | 66 | + font-size: 14PX; |
| 67 | color: #b0b0b0; | 67 | color: #b0b0b0; |
| 68 | padding: 30px 0; | 68 | padding: 30px 0; |
| 69 | margin-left: 30px; | 69 | margin-left: 30px; |
| @@ -75,8 +75,8 @@ | @@ -75,8 +75,8 @@ | ||
| 75 | background: #fff; | 75 | background: #fff; |
| 76 | 76 | ||
| 77 | .title { | 77 | .title { |
| 78 | - line-height: 60px; | ||
| 79 | - font-size: 40px; | 78 | + line-height: 30PX; |
| 79 | + font-size: 20PX; | ||
| 80 | color: #000; | 80 | color: #000; |
| 81 | font-weight: bold; | 81 | font-weight: bold; |
| 82 | } | 82 | } |
| @@ -84,8 +84,8 @@ | @@ -84,8 +84,8 @@ | ||
| 84 | 84 | ||
| 85 | .text-block { | 85 | .text-block { |
| 86 | padding: 20px 30px; | 86 | padding: 20px 30px; |
| 87 | - line-height: 46px; | ||
| 88 | - font-size: 28px; | 87 | + line-height: 23PX; |
| 88 | + font-size: 14PX; | ||
| 89 | background: #fff; | 89 | background: #fff; |
| 90 | color: #444; | 90 | color: #444; |
| 91 | word-break: break-word; | 91 | word-break: break-word; |
| @@ -258,7 +258,7 @@ | @@ -258,7 +258,7 @@ | ||
| 258 | h2 { | 258 | h2 { |
| 259 | margin-left: -15px; | 259 | margin-left: -15px; |
| 260 | line-height: 104px; | 260 | line-height: 104px; |
| 261 | - font-size: 30px; | 261 | + font-size: 15PX; |
| 262 | color: #b0b0b0; | 262 | color: #b0b0b0; |
| 263 | text-align: center; | 263 | text-align: center; |
| 264 | } | 264 | } |
| @@ -387,7 +387,7 @@ | @@ -387,7 +387,7 @@ | ||
| 387 | .brand-name { | 387 | .brand-name { |
| 388 | margin: 10px 0 0 0; | 388 | margin: 10px 0 0 0; |
| 389 | line-height: 24px; | 389 | line-height: 24px; |
| 390 | - font-size: 18px; | 390 | + font-size: 12PX; |
| 391 | color: #babac2; | 391 | color: #babac2; |
| 392 | text-align: center; | 392 | text-align: center; |
| 393 | text-decoration: none; | 393 | text-decoration: none; |
| @@ -406,8 +406,8 @@ | @@ -406,8 +406,8 @@ | ||
| 406 | 406 | ||
| 407 | .tag-bg { | 407 | .tag-bg { |
| 408 | position: absolute; | 408 | position: absolute; |
| 409 | - height: 40px; | ||
| 410 | - width: 40px; | 409 | + height: 20PX; |
| 410 | + width: 20PX; | ||
| 411 | background: resolve('guang/tag.png') no-repeat; | 411 | background: resolve('guang/tag.png') no-repeat; |
| 412 | background-size: 100% 100%; | 412 | background-size: 100% 100%; |
| 413 | top: 35px; | 413 | top: 35px; |
| @@ -420,14 +420,14 @@ | @@ -420,14 +420,14 @@ | ||
| 420 | 420 | ||
| 421 | li { | 421 | li { |
| 422 | float: left; | 422 | float: left; |
| 423 | - margin-top: 31px; | ||
| 424 | - margin-left: 31px; | 423 | + margin-top: 16PX; |
| 424 | + margin-left: 16PX; | ||
| 425 | } | 425 | } |
| 426 | 426 | ||
| 427 | a { | 427 | a { |
| 428 | - height: 50px; | ||
| 429 | - line-height: 50px; | ||
| 430 | - font-size: 30px; | 428 | + height: 20PX; |
| 429 | + line-height: 25PX; | ||
| 430 | + font-size: 15PX; | ||
| 431 | color: #000; | 431 | color: #000; |
| 432 | text-decoration: underline; | 432 | text-decoration: underline; |
| 433 | white-space: nowrap; | 433 | white-space: nowrap; |
| @@ -471,9 +471,9 @@ | @@ -471,9 +471,9 @@ | ||
| 471 | float: left; | 471 | float: left; |
| 472 | width: 360px; | 472 | width: 360px; |
| 473 | margin-left: 30px; | 473 | margin-left: 30px; |
| 474 | - line-height: 40px; | 474 | + line-height: 20PX; |
| 475 | color: #444; | 475 | color: #444; |
| 476 | - font-size: 28px; | 476 | + font-size: 14PX; |
| 477 | } | 477 | } |
| 478 | 478 | ||
| 479 | .title { | 479 | .title { |
| @@ -485,12 +485,12 @@ | @@ -485,12 +485,12 @@ | ||
| 485 | } | 485 | } |
| 486 | 486 | ||
| 487 | .publish-time { | 487 | .publish-time { |
| 488 | - font-size: 18px; | 488 | + font-size: 12PX; |
| 489 | margin-top: 0; | 489 | margin-top: 0; |
| 490 | color: #b0b0b0; | 490 | color: #b0b0b0; |
| 491 | 491 | ||
| 492 | .iconfont { | 492 | .iconfont { |
| 493 | - font-size: 18px; | 493 | + font-size: 12PX; |
| 494 | } | 494 | } |
| 495 | } | 495 | } |
| 496 | } | 496 | } |
| 1 | .guang-list-page { | 1 | .guang-list-page { |
| 2 | .editor-header { | 2 | .editor-header { |
| 3 | - margin-bottom: 30px; | ||
| 4 | - padding-top: 36px; | ||
| 5 | - padding-bottom: 40px; | 3 | + margin-bottom: 15PX; |
| 4 | + padding-top: 18PX; | ||
| 5 | + padding-bottom: 20PX; | ||
| 6 | background: #fff; | 6 | background: #fff; |
| 7 | border-bottom: 1px solid #e0e0e0; | 7 | border-bottom: 1px solid #e0e0e0; |
| 8 | } | 8 | } |
| @@ -11,8 +11,8 @@ | @@ -11,8 +11,8 @@ | ||
| 11 | float: left; | 11 | float: left; |
| 12 | margin-left: 30px; | 12 | margin-left: 30px; |
| 13 | img { | 13 | img { |
| 14 | - width: 100px; | ||
| 15 | - height: 100px; | 14 | + width: 50PX; |
| 15 | + height: 50PX; | ||
| 16 | border-radius: 50%; | 16 | border-radius: 50%; |
| 17 | } | 17 | } |
| 18 | } | 18 | } |
| @@ -22,14 +22,14 @@ | @@ -22,14 +22,14 @@ | ||
| 22 | margin-left: 32px; | 22 | margin-left: 32px; |
| 23 | width: 475px; | 23 | width: 475px; |
| 24 | .name { | 24 | .name { |
| 25 | - font-size: 32px; | ||
| 26 | - line-height: 40px; | 25 | + font-size: 16PX; |
| 26 | + line-height: 20PX; | ||
| 27 | } | 27 | } |
| 28 | .info { | 28 | .info { |
| 29 | margin-top: 6px; | 29 | margin-top: 6px; |
| 30 | color: #bdbdbf; | 30 | color: #bdbdbf; |
| 31 | - font-size: 24px; | ||
| 32 | - line-height: 32px; | 31 | + font-size: 12PX; |
| 32 | + line-height: 16PX; | ||
| 33 | } | 33 | } |
| 34 | } | 34 | } |
| 35 | 35 |
| @@ -111,6 +111,7 @@ | @@ -111,6 +111,7 @@ | ||
| 111 | width: 124px; | 111 | width: 124px; |
| 112 | height: 48px; | 112 | height: 48px; |
| 113 | line-height: 48px; | 113 | line-height: 48px; |
| 114 | + font-size: 12PX; | ||
| 114 | text-align: center; | 115 | text-align: center; |
| 115 | border: 1px solid #fff; | 116 | border: 1px solid #fff; |
| 116 | color: #fff; | 117 | color: #fff; |
| @@ -126,7 +127,7 @@ | @@ -126,7 +127,7 @@ | ||
| 126 | right: 30px; | 127 | right: 30px; |
| 127 | 128 | ||
| 128 | .iconfont { | 129 | .iconfont { |
| 129 | - font-size: 24px; | 130 | + font-size: 12PX; |
| 130 | } | 131 | } |
| 131 | 132 | ||
| 132 | &.coled { | 133 | &.coled { |
| @@ -202,10 +203,10 @@ | @@ -202,10 +203,10 @@ | ||
| 202 | > li { | 203 | > li { |
| 203 | float: left; | 204 | float: left; |
| 204 | width: 25%; | 205 | width: 25%; |
| 205 | - height: 66px; | ||
| 206 | - line-height: 66px; | 206 | + height: 33PX; |
| 207 | + line-height: 33PX; | ||
| 207 | text-align: center; | 208 | text-align: center; |
| 208 | - font-size: 28px; | 209 | + font-size: 14PX; |
| 209 | } | 210 | } |
| 210 | 211 | ||
| 211 | .bytouch { | 212 | .bytouch { |
| @@ -241,10 +242,11 @@ | @@ -241,10 +242,11 @@ | ||
| 241 | .new .iconfont { | 242 | .new .iconfont { |
| 242 | transform: scale(0.8); | 243 | transform: scale(0.8); |
| 243 | font-weight: bold; | 244 | font-weight: bold; |
| 245 | + font-size: 12PX; | ||
| 244 | } | 246 | } |
| 245 | 247 | ||
| 246 | .filter .iconfont { | 248 | .filter .iconfont { |
| 247 | - font-size: 24px; | 249 | + font-size: 12PX; |
| 248 | transition: transform 0.1 ease-in; | 250 | transition: transform 0.1 ease-in; |
| 249 | } | 251 | } |
| 250 | 252 | ||
| @@ -262,11 +264,11 @@ | @@ -262,11 +264,11 @@ | ||
| 262 | } | 264 | } |
| 263 | 265 | ||
| 264 | .up { | 266 | .up { |
| 265 | - top: -22px; | 267 | + top: -11PX; |
| 266 | } | 268 | } |
| 267 | 269 | ||
| 268 | .down { | 270 | .down { |
| 269 | - top: -8px; | 271 | + top: -4PX; |
| 270 | } | 272 | } |
| 271 | } | 273 | } |
| 272 | } | 274 | } |
| @@ -30,8 +30,10 @@ | @@ -30,8 +30,10 @@ | ||
| 30 | display: block; | 30 | display: block; |
| 31 | width: 100%; | 31 | width: 100%; |
| 32 | border-left: 1px solid #e0e0e0; | 32 | border-left: 1px solid #e0e0e0; |
| 33 | - margin-top: 30px; | ||
| 34 | - height: 28px; | 33 | + margin-top: 15PX; |
| 34 | + height: 14PX; | ||
| 35 | + font-size: 14PX; | ||
| 36 | + line-height: 14PX; | ||
| 35 | } | 37 | } |
| 36 | &:first-child { | 38 | &:first-child { |
| 37 | .text { | 39 | .text { |
| @@ -110,7 +112,7 @@ | @@ -110,7 +112,7 @@ | ||
| 110 | 112 | ||
| 111 | .nav { | 113 | .nav { |
| 112 | width: 100%; | 114 | width: 100%; |
| 113 | - height: 88px; | 115 | + height: 44PX; |
| 114 | margin: 0; | 116 | margin: 0; |
| 115 | padding: 0; | 117 | padding: 0; |
| 116 | border: 0; | 118 | border: 0; |
| @@ -250,11 +252,15 @@ | @@ -250,11 +252,15 @@ | ||
| 250 | border-top: 1px solid #e0e0e0; | 252 | border-top: 1px solid #e0e0e0; |
| 251 | color: #444; | 253 | color: #444; |
| 252 | text-align: center; | 254 | text-align: center; |
| 253 | - height: 100px; | ||
| 254 | - line-height: 100px; | ||
| 255 | - font-size: 30px; | 255 | + height: 50PX; |
| 256 | + line-height: 50PX; | ||
| 256 | margin-top: 30px; | 257 | margin-top: 30px; |
| 257 | position: relative; | 258 | position: relative; |
| 259 | + font-size: 15PX; | ||
| 260 | + | ||
| 261 | + h2 { | ||
| 262 | + font-size: 15PX; | ||
| 263 | + } | ||
| 258 | } | 264 | } |
| 259 | 265 | ||
| 260 | .hot-category .floor-header { | 266 | .hot-category .floor-header { |
| @@ -392,9 +398,9 @@ | @@ -392,9 +398,9 @@ | ||
| 392 | 398 | ||
| 393 | .list-nav li { | 399 | .list-nav li { |
| 394 | display: block; | 400 | display: block; |
| 395 | - height: 80px; | 401 | + height: 40PX; |
| 396 | float: left; | 402 | float: left; |
| 397 | - line-height: 80px; | 403 | + line-height: 40PX; |
| 398 | width: 24.8%; | 404 | width: 24.8%; |
| 399 | text-align: center; | 405 | text-align: center; |
| 400 | border-sizing: border-box; | 406 | border-sizing: border-box; |
| @@ -402,7 +408,7 @@ | @@ -402,7 +408,7 @@ | ||
| 402 | 408 | ||
| 403 | span { | 409 | span { |
| 404 | padding-top: 0; | 410 | padding-top: 0; |
| 405 | - font-size: 28px; | 411 | + font-size: 14PX; |
| 406 | } | 412 | } |
| 407 | 413 | ||
| 408 | &.default:after, | 414 | &.default:after, |
| @@ -424,11 +430,11 @@ | @@ -424,11 +430,11 @@ | ||
| 424 | } | 430 | } |
| 425 | 431 | ||
| 426 | .list-nav .icon .up { | 432 | .list-nav .icon .up { |
| 427 | - top: -28px; | 433 | + top: -14PX; |
| 428 | } | 434 | } |
| 429 | 435 | ||
| 430 | .list-nav .icon .down { | 436 | .list-nav .icon .down { |
| 431 | - top: -14px; | 437 | + top: -7PX; |
| 432 | } | 438 | } |
| 433 | 439 | ||
| 434 | .goods-container { | 440 | .goods-container { |
| @@ -450,9 +456,9 @@ | @@ -450,9 +456,9 @@ | ||
| 450 | bottom: 0; | 456 | bottom: 0; |
| 451 | display: table; | 457 | display: table; |
| 452 | width: 100%; | 458 | width: 100%; |
| 453 | - height: 88px; | ||
| 454 | - line-height: 88px; | ||
| 455 | - font-size: 28px; | 459 | + height: 44PX; |
| 460 | + line-height: 44PX; | ||
| 461 | + font-size: 14PX; | ||
| 456 | background: #fff; | 462 | background: #fff; |
| 457 | border-top: 1px solid #e0e0e0; | 463 | border-top: 1px solid #e0e0e0; |
| 458 | z-index: 2; | 464 | z-index: 2; |
| @@ -468,8 +474,8 @@ | @@ -468,8 +474,8 @@ | ||
| 468 | 474 | ||
| 469 | .wall { | 475 | .wall { |
| 470 | width: 0; | 476 | width: 0; |
| 471 | - height: 28px; | ||
| 472 | - margin-top: 30px; | 477 | + height: 14PX; |
| 478 | + margin-top: 15PX; | ||
| 473 | float: right; | 479 | float: right; |
| 474 | border-right: 1px solid #e0e0e0; | 480 | border-right: 1px solid #e0e0e0; |
| 475 | display: inline-block; | 481 | display: inline-block; |
| @@ -549,15 +555,15 @@ | @@ -549,15 +555,15 @@ | ||
| 549 | 555 | ||
| 550 | li { | 556 | li { |
| 551 | display: block; | 557 | display: block; |
| 552 | - height: 78px; | 558 | + height: 40PX; |
| 553 | float: left; | 559 | float: left; |
| 554 | - line-height: 78px; | 560 | + line-height: 40PX; |
| 555 | width: 24.8%; | 561 | width: 24.8%; |
| 556 | text-align: center; | 562 | text-align: center; |
| 557 | border-sizing: border-box; | 563 | border-sizing: border-box; |
| 558 | 564 | ||
| 559 | span { | 565 | span { |
| 560 | - font-size: 28px; | 566 | + font-size: 14PX; |
| 561 | } | 567 | } |
| 562 | 568 | ||
| 563 | a { | 569 | a { |
| @@ -590,7 +596,7 @@ | @@ -590,7 +596,7 @@ | ||
| 590 | } | 596 | } |
| 591 | 597 | ||
| 592 | .filter .iconfont { | 598 | .filter .iconfont { |
| 593 | - font-size: 22px; | 599 | + font-size: 12PX; |
| 594 | transition: transform 0.1 ease-in; | 600 | transition: transform 0.1 ease-in; |
| 595 | } | 601 | } |
| 596 | 602 | ||
| @@ -600,11 +606,11 @@ | @@ -600,11 +606,11 @@ | ||
| 600 | } | 606 | } |
| 601 | 607 | ||
| 602 | .pos-list .icon .up { | 608 | .pos-list .icon .up { |
| 603 | - top: -28px; | 609 | + top: -14PX; |
| 604 | } | 610 | } |
| 605 | 611 | ||
| 606 | .pos-list .icon .down { | 612 | .pos-list .icon .down { |
| 607 | - top: -14px; | 613 | + top: -7PX; |
| 608 | } | 614 | } |
| 609 | 615 | ||
| 610 | .category-list-top-board { | 616 | .category-list-top-board { |
-
Please register or login to post a comment