postcss改造后，回滚原来是px单位的尺寸。
Showing
24 changed files
with
174 additions
and
174 deletions
| @@ -14,8 +14,8 @@ | @@ -14,8 +14,8 @@ | ||
| 14 | background: #fff; | 14 | background: #fff; |
| 15 | color: #000; | 15 | color: #000; |
| 16 | cursor: pointer; | 16 | cursor: pointer; |
| 17 | - font-size: 14px; | ||
| 18 | - height: 440px; | 17 | + font-size: 14PX; |
| 18 | + height: 440PX; | ||
| 19 | 19 | ||
| 20 | .classify { | 20 | .classify { |
| 21 | width: 50%; | 21 | width: 50%; |
| @@ -23,8 +23,8 @@ | @@ -23,8 +23,8 @@ | ||
| 23 | background: #f8f8f8; | 23 | background: #f8f8f8; |
| 24 | 24 | ||
| 25 | > li { | 25 | > li { |
| 26 | - height: 60px; | ||
| 27 | - line-height: 60px; | 26 | + height: 60PX; |
| 27 | + line-height: 60PX; | ||
| 28 | 28 | ||
| 29 | > * { | 29 | > * { |
| 30 | box-sizing: border-box; | 30 | box-sizing: border-box; |
| @@ -35,7 +35,7 @@ | @@ -35,7 +35,7 @@ | ||
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | .shower { | 37 | .shower { |
| 38 | - padding-left: 20px; | 38 | + padding-left: 20PX; |
| 39 | width: 100%; | 39 | width: 100%; |
| 40 | overflow: hidden; | 40 | overflow: hidden; |
| 41 | white-space: nowrap; | 41 | white-space: nowrap; |
| @@ -63,17 +63,17 @@ | @@ -63,17 +63,17 @@ | ||
| 63 | position: absolute; | 63 | position: absolute; |
| 64 | display: none; | 64 | display: none; |
| 65 | width: 50%; | 65 | width: 50%; |
| 66 | - height: 440px; | 66 | + height: 440PX; |
| 67 | left: 50%; | 67 | left: 50%; |
| 68 | top: 0; | 68 | top: 0; |
| 69 | overflow: auto; | 69 | overflow: auto; |
| 70 | -webkit-overflow-scrolling: touch; | 70 | -webkit-overflow-scrolling: touch; |
| 71 | 71 | ||
| 72 | > li { | 72 | > li { |
| 73 | - height: 60px; | ||
| 74 | - line-height: 60px; | ||
| 75 | - padding-left: 15px; | ||
| 76 | - border-bottom: 1px solid #e6e6e6; | 73 | + height: 60PX; |
| 74 | + line-height: 60PX; | ||
| 75 | + padding-left: 15PX; | ||
| 76 | + border-bottom: 1PX solid #e6e6e6; | ||
| 77 | overflow: hidden; | 77 | overflow: hidden; |
| 78 | white-space: nowrap; | 78 | white-space: nowrap; |
| 79 | text-overflow: ellipsis; | 79 | text-overflow: ellipsis; |
| @@ -25,20 +25,20 @@ | @@ -25,20 +25,20 @@ | ||
| 25 | 25 | ||
| 26 | .loading { | 26 | .loading { |
| 27 | position: absolute; | 27 | position: absolute; |
| 28 | - width: 60px; | ||
| 29 | - height: 20px; | 28 | + width: 60PX; |
| 29 | + height: 20PX; | ||
| 30 | top: 50%; | 30 | top: 50%; |
| 31 | left: 50%; | 31 | left: 50%; |
| 32 | - margin-top: -10px; | ||
| 33 | - margin-left: -30px; | 32 | + margin-top: -10PX; |
| 33 | + margin-left: -30PX; | ||
| 34 | 34 | ||
| 35 | > div { | 35 | > div { |
| 36 | display: inline-block; | 36 | display: inline-block; |
| 37 | background: #fff; | 37 | background: #fff; |
| 38 | - width: 15px; | ||
| 39 | - height: 15px; | 38 | + width: 15PX; |
| 39 | + height: 15PX; | ||
| 40 | border-radius: 100%; | 40 | border-radius: 100%; |
| 41 | - margin: 2px; | 41 | + margin: 2PX; |
| 42 | 42 | ||
| 43 | $init: 0.12; | 43 | $init: 0.12; |
| 44 | @for $i from 1 to 3 { | 44 | @for $i from 1 to 3 { |
| @@ -72,9 +72,9 @@ | @@ -72,9 +72,9 @@ | ||
| 72 | .triangle { | 72 | .triangle { |
| 73 | width: 0; | 73 | width: 0; |
| 74 | height: 0; | 74 | height: 0; |
| 75 | - border-left: 8px solid transparent; | ||
| 76 | - border-right: 8px solid transparent; | ||
| 77 | - border-bottom: 12px solid #000; | 75 | + border-left: 8PX solid transparent; |
| 76 | + border-right: 8PX solid transparent; | ||
| 77 | + border-bottom: 12PX solid #000; | ||
| 78 | margin-left: 6rem; | 78 | margin-left: 6rem; |
| 79 | } | 79 | } |
| 80 | 80 | ||
| @@ -84,7 +84,7 @@ | @@ -84,7 +84,7 @@ | ||
| 84 | background: #000; | 84 | background: #000; |
| 85 | color: #fff; | 85 | color: #fff; |
| 86 | font-size: 12px; | 86 | font-size: 12px; |
| 87 | - border-radius: 5px; | 87 | + border-radius: 5PX; |
| 88 | text-align: center; | 88 | text-align: center; |
| 89 | width: 7rem; | 89 | width: 7rem; |
| 90 | } | 90 | } |
| @@ -114,7 +114,7 @@ | @@ -114,7 +114,7 @@ | ||
| 114 | padding: 5px 15px; | 114 | padding: 5px 15px; |
| 115 | background: #f00; | 115 | background: #f00; |
| 116 | color: #fff; | 116 | color: #fff; |
| 117 | - border-radius: 10px; | 117 | + border-radius: 10PX; |
| 118 | margin-left: 20px; | 118 | margin-left: 20px; |
| 119 | } | 119 | } |
| 120 | 120 | ||
| @@ -196,7 +196,7 @@ | @@ -196,7 +196,7 @@ | ||
| 196 | line-height: 1; | 196 | line-height: 1; |
| 197 | outline: 0; | 197 | outline: 0; |
| 198 | border: 0; | 198 | border: 0; |
| 199 | - border-radius: 4px; | 199 | + border-radius: 4PX; |
| 200 | } | 200 | } |
| 201 | textarea { | 201 | textarea { |
| 202 | padding: 12px; | 202 | padding: 12px; |
| @@ -261,7 +261,7 @@ | @@ -261,7 +261,7 @@ | ||
| 261 | height: 88px; | 261 | height: 88px; |
| 262 | line-height: 88px; | 262 | line-height: 88px; |
| 263 | margin-bottom: 28px; | 263 | margin-bottom: 28px; |
| 264 | - border-radius: 5px; | 264 | + border-radius: 5PX; |
| 265 | font-size: 32px; | 265 | font-size: 32px; |
| 266 | color: #fff; | 266 | color: #fff; |
| 267 | text-align: center; | 267 | text-align: center; |
| @@ -55,7 +55,7 @@ | @@ -55,7 +55,7 @@ | ||
| 55 | font-size: 32px; | 55 | font-size: 32px; |
| 56 | line-height: 2.5; | 56 | line-height: 2.5; |
| 57 | border: 1px solid #444; | 57 | border: 1px solid #444; |
| 58 | - border-radius: 4px; | 58 | + border-radius: 4PX; |
| 59 | } | 59 | } |
| 60 | 60 | ||
| 61 | .not-avaliable-coupon-line { | 61 | .not-avaliable-coupon-line { |
| @@ -310,7 +310,7 @@ | @@ -310,7 +310,7 @@ | ||
| 310 | display: inline-block; | 310 | display: inline-block; |
| 311 | color: #000; | 311 | color: #000; |
| 312 | border: 1px solid; | 312 | border: 1px solid; |
| 313 | - border-radius: 2px; | 313 | + border-radius: 2PX; |
| 314 | float: right; | 314 | float: right; |
| 315 | padding: 0 5px; | 315 | padding: 0 5px; |
| 316 | line-height: 1.5; | 316 | line-height: 1.5; |
| @@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
| 6 | display: inline-block; | 6 | display: inline-block; |
| 7 | width: 275px; | 7 | width: 275px; |
| 8 | height: 160px; | 8 | height: 160px; |
| 9 | - border-radius: 4px; | 9 | + border-radius: 4PX; |
| 10 | background-size: 100%; | 10 | background-size: 100%; |
| 11 | background-repeat: no-repeat; | 11 | background-repeat: no-repeat; |
| 12 | background-position: center; | 12 | background-position: center; |
| @@ -129,7 +129,7 @@ a { | @@ -129,7 +129,7 @@ a { | ||
| 129 | font-style: normal; | 129 | font-style: normal; |
| 130 | text-decoration: none; | 130 | text-decoration: none; |
| 131 | -webkit-font-smoothing: antialiased; | 131 | -webkit-font-smoothing: antialiased; |
| 132 | - -webkit-text-stroke-width: 0.2px; | 132 | + -webkit-text-stroke-width: 0.2PX; |
| 133 | -moz-osx-font-smoothing: grayscale; | 133 | -moz-osx-font-smoothing: grayscale; |
| 134 | } | 134 | } |
| 135 | 135 | ||
| @@ -138,17 +138,17 @@ a { | @@ -138,17 +138,17 @@ a { | ||
| 138 | display: none; | 138 | display: none; |
| 139 | text-align: center; | 139 | text-align: center; |
| 140 | width: 70%; | 140 | width: 70%; |
| 141 | - padding: 34px 0; | 141 | + padding: 34PX 0; |
| 142 | top: 50%; | 142 | top: 50%; |
| 143 | left: 50%; | 143 | left: 50%; |
| 144 | margin-left: -35%; | 144 | margin-left: -35%; |
| 145 | - margin-top: -45px; | 145 | + margin-top: -45PX; |
| 146 | background-color: rgba(0,0,0,.7); | 146 | background-color: rgba(0,0,0,.7); |
| 147 | color: #fff; | 147 | color: #fff; |
| 148 | - font-size: 18px; | 148 | + font-size: 18PX; |
| 149 | border: none; | 149 | border: none; |
| 150 | z-index:4; | 150 | z-index:4; |
| 151 | - border-radius: 10px; | 151 | + border-radius: 10PX; |
| 152 | } | 152 | } |
| 153 | 153 | ||
| 154 | .tap-hightlight { | 154 | .tap-hightlight { |
| @@ -162,7 +162,7 @@ a { | @@ -162,7 +162,7 @@ a { | ||
| 162 | height: 70px; | 162 | height: 70px; |
| 163 | line-height: 70px; | 163 | line-height: 70px; |
| 164 | text-align: center; | 164 | text-align: center; |
| 165 | - font-size: 14px; | 165 | + font-size: 14PX; |
| 166 | overflow: hidden; | 166 | overflow: hidden; |
| 167 | 167 | ||
| 168 | .status { | 168 | .status { |
| 1 | .float-layer { | 1 | .float-layer { |
| 2 | - height: 88px; | 2 | + height: 44PX; |
| 3 | background: rgba(68, 68, 68, 0.95); | 3 | background: rgba(68, 68, 68, 0.95); |
| 4 | position: fixed; | 4 | position: fixed; |
| 5 | width: 100%; | 5 | width: 100%; |
| 6 | bottom: 0; | 6 | bottom: 0; |
| 7 | left: 0; | 7 | left: 0; |
| 8 | z-index: 9999; | 8 | z-index: 9999; |
| 9 | - padding: 20px 0; | 9 | + padding: 10PX 0; |
| 10 | 10 | ||
| 11 | .float-layer-left { | 11 | .float-layer-left { |
| 12 | - padding-left: 44px; | 12 | + padding-left: 22PX; |
| 13 | overflow: hidden; | 13 | overflow: hidden; |
| 14 | float: left; | 14 | float: left; |
| 15 | 15 | ||
| 16 | img { | 16 | img { |
| 17 | - height: 88px; | 17 | + height: 44PX; |
| 18 | float: left; | 18 | float: left; |
| 19 | - margin-right: 20px; | 19 | + margin-right: 10PX; |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | p { | 22 | p { |
| 23 | float: left; | 23 | float: left; |
| 24 | - font-size: 32px; | ||
| 25 | - height: 88px; | ||
| 26 | - line-height: 88px; | 24 | + font-size: 16PX; |
| 25 | + height: 44PX; | ||
| 26 | + line-height: 44PX; | ||
| 27 | color: white; | 27 | color: white; |
| 28 | } | 28 | } |
| 29 | 29 | ||
| 30 | .yoho-icon { | 30 | .yoho-icon { |
| 31 | float: left; | 31 | float: left; |
| 32 | - margin-right: 20px; | ||
| 33 | - font-size: 44px; | ||
| 34 | - line-height: 88px; | ||
| 35 | - width: 88px; | ||
| 36 | - height: 88px; | 32 | + margin-right: 10PX; |
| 33 | + font-size: 22PX; | ||
| 34 | + line-height: 44PX; | ||
| 35 | + width: 44PX; | ||
| 36 | + height: 44PX; | ||
| 37 | text-align: center; | 37 | text-align: center; |
| 38 | color: #fff; | 38 | color: #fff; |
| 39 | - border-radius: 20px; | 39 | + border-radius: 10PX; |
| 40 | background-image: linear-gradient(#323232, #0f0f0f); | 40 | background-image: linear-gradient(#323232, #0f0f0f); |
| 41 | } | 41 | } |
| 42 | } | 42 | } |
| @@ -47,8 +47,8 @@ | @@ -47,8 +47,8 @@ | ||
| 47 | position: absolute; | 47 | position: absolute; |
| 48 | left: 0; | 48 | left: 0; |
| 49 | top: 0; | 49 | top: 0; |
| 50 | - width: 100px; | ||
| 51 | - height: 100px; | 50 | + width: 50PX; |
| 51 | + height: 50PX; | ||
| 52 | 52 | ||
| 53 | .close-icon { | 53 | .close-icon { |
| 54 | position: absolute; | 54 | position: absolute; |
| @@ -62,14 +62,14 @@ | @@ -62,14 +62,14 @@ | ||
| 62 | #float-layer-btn { | 62 | #float-layer-btn { |
| 63 | position: absolute; | 63 | position: absolute; |
| 64 | top: 50%; | 64 | top: 50%; |
| 65 | - right: 30px; | ||
| 66 | - font-size: 32px; | ||
| 67 | - padding: 0 20px; | ||
| 68 | - height: 54px; | ||
| 69 | - line-height: 54px; | 65 | + right: 15PX; |
| 66 | + font-size: 16PX; | ||
| 67 | + padding: 0 10PX; | ||
| 68 | + height: 27PX; | ||
| 69 | + line-height: 27PX; | ||
| 70 | background: white; | 70 | background: white; |
| 71 | - border-radius: 10px; | ||
| 72 | - margin-top: -26px; | 71 | + border-radius: 5PX; |
| 72 | + margin-top: -13PX; | ||
| 73 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); | 73 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); |
| 74 | &:link, | 74 | &:link, |
| 75 | &:visited, | 75 | &:visited, |
| @@ -82,9 +82,9 @@ | @@ -82,9 +82,9 @@ | ||
| 82 | .circle-rightbottom { | 82 | .circle-rightbottom { |
| 83 | position: absolute; | 83 | position: absolute; |
| 84 | 84 | ||
| 85 | - width: 50px; | ||
| 86 | - height: 0px; | 85 | + width: 25PX; |
| 86 | + height: 0PX; | ||
| 87 | border:0 solid #323232; | 87 | border:0 solid #323232; |
| 88 | - border-bottom:50px solid #323232; | ||
| 89 | - border-radius:0 0 50px 0; | 88 | + border-bottom:25PX solid #323232; |
| 89 | + border-radius:0 0 25PX 0; | ||
| 90 | } | 90 | } |
| @@ -10,7 +10,7 @@ | @@ -10,7 +10,7 @@ | ||
| 10 | background-position-x: 26%; | 10 | background-position-x: 26%; |
| 11 | background-position-y: 36%; | 11 | background-position-y: 36%; |
| 12 | border: none; | 12 | border: none; |
| 13 | - border-bottom: 4px solid #fff; | 13 | + border-bottom: 4PX solid #fff; |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | #yohood:active { | 16 | #yohood:active { |
| @@ -34,7 +34,7 @@ | @@ -34,7 +34,7 @@ | ||
| 34 | width: 216px; | 34 | width: 216px; |
| 35 | height: 96px; | 35 | height: 96px; |
| 36 | background: resolve("yohologo.png") left center no-repeat; | 36 | background: resolve("yohologo.png") left center no-repeat; |
| 37 | - background-size: 208px 50px; | 37 | + background-size: 104PX 25PX; |
| 38 | opacity: 1; | 38 | opacity: 1; |
| 39 | transition: all 400ms; | 39 | transition: all 400ms; |
| 40 | 40 | ||
| @@ -163,7 +163,7 @@ | @@ -163,7 +163,7 @@ | ||
| 163 | line-height: 104px; | 163 | line-height: 104px; |
| 164 | color: #fff; | 164 | color: #fff; |
| 165 | background-color: #000; | 165 | background-color: #000; |
| 166 | - border: 4px solid #fff; | 166 | + border: 4PX solid #fff; |
| 167 | font-weight: bold; | 167 | font-weight: bold; |
| 168 | &:last-child { | 168 | &:last-child { |
| 169 | margin-bottom: 0; | 169 | margin-bottom: 0; |
| @@ -10,7 +10,7 @@ | @@ -10,7 +10,7 @@ | ||
| 10 | height: 48px; | 10 | height: 48px; |
| 11 | line-height: 48px; | 11 | line-height: 48px; |
| 12 | overflow: hidden; | 12 | overflow: hidden; |
| 13 | - border-right: 2px solid #e0e0e0; | 13 | + border-right: 2PX solid #e0e0e0; |
| 14 | margin: 21px 0; | 14 | margin: 21px 0; |
| 15 | float: left; | 15 | float: left; |
| 16 | text-align: center; | 16 | text-align: center; |
| @@ -114,7 +114,7 @@ | @@ -114,7 +114,7 @@ | ||
| 114 | width: 140px; | 114 | width: 140px; |
| 115 | height: 60px; | 115 | height: 60px; |
| 116 | line-height: 60px; | 116 | line-height: 60px; |
| 117 | - border-radius: 5px; | 117 | + border-radius: 5PX; |
| 118 | font-size: 26px; | 118 | font-size: 26px; |
| 119 | text-align: center; | 119 | text-align: center; |
| 120 | border: 1px solid #000; | 120 | border: 1px solid #000; |
| @@ -53,7 +53,7 @@ | @@ -53,7 +53,7 @@ | ||
| 53 | font-size: 24px; | 53 | font-size: 24px; |
| 54 | text-align: center; | 54 | text-align: center; |
| 55 | border: 1px solid #000; | 55 | border: 1px solid #000; |
| 56 | - border-radius: 5px; | 56 | + border-radius: 5PX; |
| 57 | } | 57 | } |
| 58 | 58 | ||
| 59 | .pay { | 59 | .pay { |
| @@ -98,7 +98,7 @@ | @@ -98,7 +98,7 @@ | ||
| 98 | font-size: 30px; | 98 | font-size: 30px; |
| 99 | color: #fff; | 99 | color: #fff; |
| 100 | background: #444; | 100 | background: #444; |
| 101 | - border-radius: 5px; | 101 | + border-radius: 5PX; |
| 102 | } | 102 | } |
| 103 | } | 103 | } |
| 104 | } | 104 | } |
| 1 | .back-email-success-page { | 1 | .back-email-success-page { |
| 2 | .tip { | 2 | .tip { |
| 3 | - font-size: 40px; | 3 | + font-size: 20PX; |
| 4 | color: #fff; | 4 | color: #fff; |
| 5 | - margin-top: 60px; | 5 | + margin-top: 30PX; |
| 6 | } | 6 | } |
| 7 | 7 | ||
| 8 | .sub-tip, .resend { | 8 | .sub-tip, .resend { |
| 9 | color: #939393; | 9 | color: #939393; |
| 10 | - font-size: 32px; | 10 | + font-size: 16PX; |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | .go-email { | 13 | .go-email { |
| 14 | - margin: 40px 0 20px; | 14 | + margin: 20PX 0 10PX; |
| 15 | } | 15 | } |
| 16 | 16 | ||
| 17 | .resend { | 17 | .resend { |
| 1 | .bind-page | 1 | .bind-page |
| 2 | .bind-tip { | 2 | .bind-tip { |
| 3 | color: #fff; | 3 | color: #fff; |
| 4 | - font-size: 30px; | 4 | + font-size: 15PX; |
| 5 | } | 5 | } |
| 6 | 6 | ||
| 7 | #yohood { | 7 | #yohood { |
| @@ -12,6 +12,6 @@ | @@ -12,6 +12,6 @@ | ||
| 12 | background-position-x: 10%; | 12 | background-position-x: 10%; |
| 13 | background-position-y: 40%; | 13 | background-position-y: 40%; |
| 14 | border: none; | 14 | border: none; |
| 15 | - border-bottom: 8px solid #fff; | 15 | + border-bottom: 4PX solid #fff; |
| 16 | 16 | ||
| 17 | } | 17 | } |
| 1 | .reg-code-page, .back-code-page { | 1 | .reg-code-page, .back-code-page { |
| 2 | .captcha-tip { | 2 | .captcha-tip { |
| 3 | position: absolute; | 3 | position: absolute; |
| 4 | - width: 298px; | 4 | + width: 148PX; |
| 5 | text-align: center; | 5 | text-align: center; |
| 6 | - right: 30px; | ||
| 7 | - top: 16px; | 6 | + right: 15PX; |
| 7 | + top: 8PX; | ||
| 8 | color: #36a74c; | 8 | color: #36a74c; |
| 9 | - padding: 10px 0; | 9 | + padding: 5PX 0; |
| 10 | border: 1px solid #36a74c; | 10 | border: 1px solid #36a74c; |
| 11 | - border-radius: 40px; | ||
| 12 | - font-size: 32px; | 11 | + border-radius: 20PX; |
| 12 | + font-size: 16PX; | ||
| 13 | 13 | ||
| 14 | &.disable { | 14 | &.disable { |
| 15 | color: #8f8f8f; | 15 | color: #8f8f8f; |
| @@ -19,13 +19,13 @@ | @@ -19,13 +19,13 @@ | ||
| 19 | } | 19 | } |
| 20 | 20 | ||
| 21 | .input-container { | 21 | .input-container { |
| 22 | - padding-right: 380px; | 22 | + padding-right: 190PX; |
| 23 | } | 23 | } |
| 24 | 24 | ||
| 25 | .text-container { | 25 | .text-container { |
| 26 | color: #fff; | 26 | color: #fff; |
| 27 | - font-size: 32px; | ||
| 28 | - margin-bottom: 40px; | 27 | + font-size: 16PX; |
| 28 | + margin-bottom: 20PX; | ||
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .phone { | 31 | .phone { |
| @@ -33,6 +33,6 @@ | @@ -33,6 +33,6 @@ | ||
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .clear-input { | 35 | .clear-input { |
| 36 | - right: 340px; | 36 | + right: 170PX; |
| 37 | } | 37 | } |
| 38 | } | 38 | } |
| @@ -13,29 +13,29 @@ body.passport-body { | @@ -13,29 +13,29 @@ body.passport-body { | ||
| 13 | 13 | ||
| 14 | .header { | 14 | .header { |
| 15 | position: relative; | 15 | position: relative; |
| 16 | - height: 80px; | ||
| 17 | - margin: 40px 0 60px; | 16 | + height: 40PX; |
| 17 | + margin: 20PX 0 30PX; | ||
| 18 | 18 | ||
| 19 | .go-back { | 19 | .go-back { |
| 20 | display: block; | 20 | display: block; |
| 21 | position: absolute; | 21 | position: absolute; |
| 22 | - height: 60px; | ||
| 23 | - width: 60px; | ||
| 24 | - top: 10px; | 22 | + height: 30PX; |
| 23 | + width: 30PX; | ||
| 24 | + top: 5PX; | ||
| 25 | left: 0; | 25 | left: 0; |
| 26 | background: resolve('passport/go-back.png') no-repeat; | 26 | background: resolve('passport/go-back.png') no-repeat; |
| 27 | background-size: 100% 100%; | 27 | background-size: 100% 100%; |
| 28 | } | 28 | } |
| 29 | 29 | ||
| 30 | .title { | 30 | .title { |
| 31 | - font-size: 40px; | ||
| 32 | - line-height: 80px; | 31 | + font-size: 20PX; |
| 32 | + line-height: 40PX; | ||
| 33 | color: #fff; | 33 | color: #fff; |
| 34 | } | 34 | } |
| 35 | 35 | ||
| 36 | .img-header { | 36 | .img-header { |
| 37 | - width: 136px; | ||
| 38 | - height: 80px; | 37 | + width: 68PX; |
| 38 | + height: 40PX; | ||
| 39 | background: resolve('passport/yoho-family.png') no-repeat; | 39 | background: resolve('passport/yoho-family.png') no-repeat; |
| 40 | background-size: 100% 100%; | 40 | background-size: 100% 100%; |
| 41 | margin: 0 auto; | 41 | margin: 0 auto; |
| @@ -45,11 +45,11 @@ body.passport-body { | @@ -45,11 +45,11 @@ body.passport-body { | ||
| 45 | .input-container, .select-container { | 45 | .input-container, .select-container { |
| 46 | position: relative; | 46 | position: relative; |
| 47 | width: 100%; | 47 | width: 100%; |
| 48 | - height: 104px; | ||
| 49 | - font-size: 40px; | 48 | + height: 52PX; |
| 49 | + font-size: 20PX; | ||
| 50 | background-color: #575757; | 50 | background-color: #575757; |
| 51 | border: 1px solid #606060; | 51 | border: 1px solid #606060; |
| 52 | - border-radius: 10px; | 52 | + border-radius: 5PX; |
| 53 | text-align: left; | 53 | text-align: left; |
| 54 | color: #fff; | 54 | color: #fff; |
| 55 | } | 55 | } |
| @@ -57,13 +57,13 @@ body.passport-body { | @@ -57,13 +57,13 @@ body.passport-body { | ||
| 57 | .select-container { | 57 | .select-container { |
| 58 | .select { | 58 | .select { |
| 59 | position: absolute; | 59 | position: absolute; |
| 60 | - height: 100px; | ||
| 61 | - padding-right: 80px; | 60 | + height: 50PX; |
| 61 | + padding-right: 40PX; | ||
| 62 | right: 0; | 62 | right: 0; |
| 63 | color: #fff; | 63 | color: #fff; |
| 64 | background-color: transparent; | 64 | background-color: transparent; |
| 65 | border: 0; | 65 | border: 0; |
| 66 | - border-radius: 10px; | 66 | + border-radius: 5PX; |
| 67 | appearance: none; | 67 | appearance: none; |
| 68 | direction: rtl; | 68 | direction: rtl; |
| 69 | 69 | ||
| @@ -80,40 +80,40 @@ body.passport-body { | @@ -80,40 +80,40 @@ body.passport-body { | ||
| 80 | 80 | ||
| 81 | .select-title { | 81 | .select-title { |
| 82 | line-height: 2.5; | 82 | line-height: 2.5; |
| 83 | - margin-left: 30px; | 83 | + margin-left: 15PX; |
| 84 | } | 84 | } |
| 85 | 85 | ||
| 86 | .arrow-right { | 86 | .arrow-right { |
| 87 | position: absolute; | 87 | position: absolute; |
| 88 | - width: 26px; | ||
| 89 | - height: 40px; | ||
| 90 | - right: 30px; | ||
| 91 | - top: 32px; | 88 | + width: 13PX; |
| 89 | + height: 20PX; | ||
| 90 | + right: 15PX; | ||
| 91 | + top: 16PX; | ||
| 92 | background: resolve('passport/arrow-right.png') no-repeat; | 92 | background: resolve('passport/arrow-right.png') no-repeat; |
| 93 | background-size: 100% 100%; | 93 | background-size: 100% 100%; |
| 94 | } | 94 | } |
| 95 | } | 95 | } |
| 96 | 96 | ||
| 97 | .has-eye, .has-clear { | 97 | .has-eye, .has-clear { |
| 98 | - padding-right: 60px; | 98 | + padding-right: 30PX; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .area-code { | 101 | .area-code { |
| 102 | position: absolute; | 102 | position: absolute; |
| 103 | - left: 30px; | 103 | + left: 15PX; |
| 104 | line-height: 2.5; | 104 | line-height: 2.5; |
| 105 | } | 105 | } |
| 106 | 106 | ||
| 107 | .phone-container { | 107 | .phone-container { |
| 108 | - padding-left: 110px; | 108 | + padding-left: 55PX; |
| 109 | } | 109 | } |
| 110 | 110 | ||
| 111 | .input { | 111 | .input { |
| 112 | width: 100%; | 112 | width: 100%; |
| 113 | - line-height: 52px; | ||
| 114 | - padding: 24px 0; | ||
| 115 | - padding-left: 30px; | ||
| 116 | - border-radius: 10px; | 113 | + line-height: 26PX; |
| 114 | + padding: 12PX 0; | ||
| 115 | + padding-left: 15PX; | ||
| 116 | + border-radius: 5PX; | ||
| 117 | color: #fff; | 117 | color: #fff; |
| 118 | background-color: transparent; | 118 | background-color: transparent; |
| 119 | border: none; | 119 | border: none; |
| @@ -122,10 +122,10 @@ body.passport-body { | @@ -122,10 +122,10 @@ body.passport-body { | ||
| 122 | .btn { | 122 | .btn { |
| 123 | display: block; | 123 | display: block; |
| 124 | width: 100%; | 124 | width: 100%; |
| 125 | - font-size: 40px; | 125 | + font-size: 20PX; |
| 126 | line-height: 2.5; | 126 | line-height: 2.5; |
| 127 | background-color: #36a74c; | 127 | background-color: #36a74c; |
| 128 | - border-radius: 10px; | 128 | + border-radius: 5PX; |
| 129 | color: #fff; | 129 | color: #fff; |
| 130 | 130 | ||
| 131 | &.disable { | 131 | &.disable { |
| @@ -134,26 +134,26 @@ body.passport-body { | @@ -134,26 +134,26 @@ body.passport-body { | ||
| 134 | } | 134 | } |
| 135 | 135 | ||
| 136 | .country-select.in-android-uc { | 136 | .country-select.in-android-uc { |
| 137 | - width: 180px; | 137 | + width: 90PX; |
| 138 | } | 138 | } |
| 139 | 139 | ||
| 140 | .clear-input { | 140 | .clear-input { |
| 141 | position: absolute; | 141 | position: absolute; |
| 142 | display: none; | 142 | display: none; |
| 143 | - top: 36px; | ||
| 144 | - right: 20px; | ||
| 145 | - width: 32px; | ||
| 146 | - height: 32px; | 143 | + top: 18PX; |
| 144 | + right: 10PX; | ||
| 145 | + width: 16PX; | ||
| 146 | + height: 16PX; | ||
| 147 | background: resolve('passport/clear-input.png') no-repeat; | 147 | background: resolve('passport/clear-input.png') no-repeat; |
| 148 | background-size: 100% 100%; | 148 | background-size: 100% 100%; |
| 149 | } | 149 | } |
| 150 | 150 | ||
| 151 | .eye { | 151 | .eye { |
| 152 | position: absolute; | 152 | position: absolute; |
| 153 | - top: 40px; | ||
| 154 | - right: 20px; | ||
| 155 | - width: 38px; | ||
| 156 | - height: 24px; | 153 | + top: 20PX; |
| 154 | + right: 10PX; | ||
| 155 | + width: 19PX; | ||
| 156 | + height: 12PX; | ||
| 157 | background: resolve('passport/eye.png') no-repeat; | 157 | background: resolve('passport/eye.png') no-repeat; |
| 158 | background-size: 100% 100%; | 158 | background-size: 100% 100%; |
| 159 | 159 | ||
| @@ -163,6 +163,6 @@ body.passport-body { | @@ -163,6 +163,6 @@ body.passport-body { | ||
| 163 | } | 163 | } |
| 164 | 164 | ||
| 165 | .row { | 165 | .row { |
| 166 | - margin-bottom: 10px; | 166 | + margin-bottom: 10PX; |
| 167 | } | 167 | } |
| 168 | } | 168 | } |
| 1 | .login-page { | 1 | .login-page { |
| 2 | .yoho-logo { | 2 | .yoho-logo { |
| 3 | position: absolute; | 3 | position: absolute; |
| 4 | - height: 62px; | ||
| 5 | - width: 52px; | 4 | + height: 31PX; |
| 5 | + width: 26PX; | ||
| 6 | background: resolve('passport/yoho.png'); | 6 | background: resolve('passport/yoho.png'); |
| 7 | background-size: 100% 100%; | 7 | background-size: 100% 100%; |
| 8 | - top: 20px; | ||
| 9 | - left: 30px; | 8 | + top: 10PX; |
| 9 | + left: 15PX; | ||
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .acc-container { | 12 | .acc-container { |
| 13 | - padding-left: 90px; | 13 | + padding-left: 45PX; |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | .op-container { | 16 | .op-container { |
| 17 | position: relative; | 17 | position: relative; |
| 18 | width: 100%; | 18 | width: 100%; |
| 19 | - margin: 40px 0; | 19 | + margin: 20PX 0; |
| 20 | text-align: left; | 20 | text-align: left; |
| 21 | - font-size: 32px; | 21 | + font-size: 16PX; |
| 22 | 22 | ||
| 23 | .go-register { | 23 | .go-register { |
| 24 | text-decoration: underline; | 24 | text-decoration: underline; |
| @@ -37,19 +37,19 @@ | @@ -37,19 +37,19 @@ | ||
| 37 | text-align: left; | 37 | text-align: left; |
| 38 | 38 | ||
| 39 | > span { | 39 | > span { |
| 40 | - font-size: 32px; | 40 | + font-size: 16PX; |
| 41 | color: #858585; | 41 | color: #858585; |
| 42 | } | 42 | } |
| 43 | 43 | ||
| 44 | .tp-link { | 44 | .tp-link { |
| 45 | text-align: center; | 45 | text-align: center; |
| 46 | - padding: 40px 0; | 46 | + padding: 20PX 0; |
| 47 | 47 | ||
| 48 | > a { | 48 | > a { |
| 49 | display: inline-block; | 49 | display: inline-block; |
| 50 | - width: 88px; | ||
| 51 | - height: 88px; | ||
| 52 | - margin: 0 14px; | 50 | + width: 44PX; |
| 51 | + height: 44PX; | ||
| 52 | + margin: 0 7PX; | ||
| 53 | border-radius: 50%; | 53 | border-radius: 50%; |
| 54 | background-color: #333; | 54 | background-color: #333; |
| 55 | background-repeat: no-repeat; | 55 | background-repeat: no-repeat; |
| @@ -76,26 +76,26 @@ | @@ -76,26 +76,26 @@ | ||
| 76 | 76 | ||
| 77 | .international { | 77 | .international { |
| 78 | display: block; | 78 | display: block; |
| 79 | - width: 400px; | ||
| 80 | - padding: 10px 20px; | 79 | + width: 200PX; |
| 80 | + padding: 5PX 10PX; | ||
| 81 | background-color: #333; | 81 | background-color: #333; |
| 82 | border: none; | 82 | border: none; |
| 83 | - border-radius: 40px; | 83 | + border-radius: 20PX; |
| 84 | margin: 0 auto; | 84 | margin: 0 auto; |
| 85 | - font-size: 32px; | 85 | + font-size: 16PX; |
| 86 | color: #d8d8d8; | 86 | color: #d8d8d8; |
| 87 | } | 87 | } |
| 88 | 88 | ||
| 89 | .login-tip { | 89 | .login-tip { |
| 90 | - font-size: 16px; | 90 | + font-size: 16PX; |
| 91 | position: relative; | 91 | position: relative; |
| 92 | color: #d8d8d8; | 92 | color: #d8d8d8; |
| 93 | - margin: 30px 0; | 93 | + margin: 15PX 0; |
| 94 | 94 | ||
| 95 | .info-icon { | 95 | .info-icon { |
| 96 | display: inline-block; | 96 | display: inline-block; |
| 97 | - height: 24px; | ||
| 98 | - width: 24px; | 97 | + height: 12PX; |
| 98 | + width: 12PX; | ||
| 99 | background-image: resolve('passport/info.png'); | 99 | background-image: resolve('passport/info.png'); |
| 100 | background-size: 100% 100%; | 100 | background-size: 100% 100%; |
| 101 | } | 101 | } |
| @@ -114,32 +114,32 @@ | @@ -114,32 +114,32 @@ | ||
| 114 | .retrive-pwd-ways { | 114 | .retrive-pwd-ways { |
| 115 | position: fixed; | 115 | position: fixed; |
| 116 | display: none; | 116 | display: none; |
| 117 | - bottom: 10px; | ||
| 118 | - left: 20px; | ||
| 119 | - right: 20px; | ||
| 120 | - font-size: 32px; | 117 | + bottom: 5PX; |
| 118 | + left: 10PX; | ||
| 119 | + right: 10PX; | ||
| 120 | + font-size: 16PX; | ||
| 121 | 121 | ||
| 122 | li { | 122 | li { |
| 123 | background-color: #fff; | 123 | background-color: #fff; |
| 124 | width: 100%; | 124 | width: 100%; |
| 125 | - height: 80px; | ||
| 126 | - line-height: 80px; | 125 | + height: 40PX; |
| 126 | + line-height: 40PX; | ||
| 127 | text-align: center; | 127 | text-align: center; |
| 128 | 128 | ||
| 129 | &:nth-child(1) { | 129 | &:nth-child(1) { |
| 130 | - border-top-left-radius: 10px; | ||
| 131 | - border-top-right-radius: 10px; | ||
| 132 | - border-bottom: 1px solid #9f9f9f; | 130 | + border-top-left-radius: 5PX; |
| 131 | + border-top-right-radius: 5PX; | ||
| 132 | + border-bottom: 1PX solid #9f9f9f; | ||
| 133 | } | 133 | } |
| 134 | 134 | ||
| 135 | &:nth-child(2) { | 135 | &:nth-child(2) { |
| 136 | - border-bottom-left-radius: 10px; | ||
| 137 | - border-bottom-right-radius: 10px; | 136 | + border-bottom-left-radius: 5PX; |
| 137 | + border-bottom-right-radius: 5PX; | ||
| 138 | } | 138 | } |
| 139 | 139 | ||
| 140 | &:last-child { | 140 | &:last-child { |
| 141 | - margin-top: 10px; | ||
| 142 | - border-radius: 10px; | 141 | + margin-top: 10PX; |
| 142 | + border-radius: 5PX; | ||
| 143 | } | 143 | } |
| 144 | } | 144 | } |
| 145 | } | 145 | } |
| @@ -57,7 +57,7 @@ | @@ -57,7 +57,7 @@ | ||
| 57 | color:$subFontC; | 57 | color:$subFontC; |
| 58 | .iconfont{ | 58 | .iconfont{ |
| 59 | display: inline-block; | 59 | display: inline-block; |
| 60 | - padding-right: 5px; | 60 | + padding-right: 5PX; |
| 61 | font-size: inherit; | 61 | font-size: inherit; |
| 62 | } | 62 | } |
| 63 | position: relative; | 63 | position: relative; |
| @@ -356,12 +356,12 @@ | @@ -356,12 +356,12 @@ | ||
| 356 | height: 200px; | 356 | height: 200px; |
| 357 | line-height: 200px; | 357 | line-height: 200px; |
| 358 | color: #e0e0e0; | 358 | color: #e0e0e0; |
| 359 | - font-size: 16px; | 359 | + font-size: 16PX; |
| 360 | text-align: center; | 360 | text-align: center; |
| 361 | span{ | 361 | span{ |
| 362 | display: inline-block; | 362 | display: inline-block; |
| 363 | - font-size: 16px; | ||
| 364 | - padding-right: 5px; | 363 | + font-size: 16PX; |
| 364 | + padding-right: 5PX; | ||
| 365 | } | 365 | } |
| 366 | } | 366 | } |
| 367 | } | 367 | } |
| @@ -129,7 +129,7 @@ $basicBtnC:#eb0313; | @@ -129,7 +129,7 @@ $basicBtnC:#eb0313; | ||
| 129 | margin-left: .5px; | 129 | margin-left: .5px; |
| 130 | font-size: 18px; | 130 | font-size: 18px; |
| 131 | text-align: center; | 131 | text-align: center; |
| 132 | - padding:1px 5px; | 132 | + padding:1px 5PX; |
| 133 | } | 133 | } |
| 134 | .new-tag { | 134 | .new-tag { |
| 135 | background-color: #78dc7e; | 135 | background-color: #78dc7e; |
| @@ -188,7 +188,7 @@ $basicBtnC:#eb0313; | @@ -188,7 +188,7 @@ $basicBtnC:#eb0313; | ||
| 188 | background-color: #b0b0b0; | 188 | background-color: #b0b0b0; |
| 189 | } | 189 | } |
| 190 | .swiper-pagination-bullet { | 190 | .swiper-pagination-bullet { |
| 191 | - margin-right: 2px; | 191 | + margin-right: 2PX; |
| 192 | } | 192 | } |
| 193 | .swiper-pagination-bullet-active { | 193 | .swiper-pagination-bullet-active { |
| 194 | background-color: #000; | 194 | background-color: #000; |
| @@ -260,7 +260,7 @@ $basicBtnC:#eb0313; | @@ -260,7 +260,7 @@ $basicBtnC:#eb0313; | ||
| 260 | right: 84px; | 260 | right: 84px; |
| 261 | top: 24px; | 261 | top: 24px; |
| 262 | color: #d0021b; | 262 | color: #d0021b; |
| 263 | - border: 2px solid #d0021b; | 263 | + border: 2PX solid #d0021b; |
| 264 | background-color: #fff; | 264 | background-color: #fff; |
| 265 | border-radius: 40px; | 265 | border-radius: 40px; |
| 266 | padding: 4px 20px; | 266 | padding: 4px 20px; |
| @@ -32,16 +32,16 @@ | @@ -32,16 +32,16 @@ | ||
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | .list-nav { | 34 | .list-nav { |
| 35 | - border-top:2px solid #fff; | 35 | + border-top:2PX solid #fff; |
| 36 | border-bottom:1px solid #e6e6e6; | 36 | border-bottom:1px solid #e6e6e6; |
| 37 | 37 | ||
| 38 | > li { | 38 | > li { |
| 39 | float: left; | 39 | float: left; |
| 40 | width: 25%; | 40 | width: 25%; |
| 41 | - height: 33px; | ||
| 42 | - line-height: 33px; | 41 | + height: 33PX; |
| 42 | + line-height: 33PX; | ||
| 43 | text-align: center; | 43 | text-align: center; |
| 44 | - font-size: 14px; | 44 | + font-size: 14PX; |
| 45 | } | 45 | } |
| 46 | .bytouch{ | 46 | .bytouch{ |
| 47 | background:#eee; | 47 | background:#eee; |
| @@ -77,7 +77,7 @@ | @@ -77,7 +77,7 @@ | ||
| 77 | } | 77 | } |
| 78 | 78 | ||
| 79 | .filter .iconfont { | 79 | .filter .iconfont { |
| 80 | - font-size: 12px; | 80 | + font-size: 12PX; |
| 81 | transition: transform 0.1 ease-in; | 81 | transition: transform 0.1 ease-in; |
| 82 | } | 82 | } |
| 83 | 83 | ||
| @@ -95,11 +95,11 @@ | @@ -95,11 +95,11 @@ | ||
| 95 | } | 95 | } |
| 96 | 96 | ||
| 97 | .up { | 97 | .up { |
| 98 | - top: -11px; | 98 | + top: -11PX; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .down { | 101 | .down { |
| 102 | - top: -4px; | 102 | + top: -4PX; |
| 103 | } | 103 | } |
| 104 | } | 104 | } |
| 105 | } | 105 | } |
| @@ -109,12 +109,12 @@ | @@ -109,12 +109,12 @@ | ||
| 109 | vertical-align: middle; | 109 | vertical-align: middle; |
| 110 | color: #ccc; | 110 | color: #ccc; |
| 111 | font-size: 1.2em; | 111 | font-size: 1.2em; |
| 112 | - margin-top: 160px; | 112 | + margin-top: 160PX; |
| 113 | } | 113 | } |
| 114 | 114 | ||
| 115 | .goods-container { | 115 | .goods-container { |
| 116 | position: relative; | 116 | position: relative; |
| 117 | - min-height: 440px; | 117 | + min-height: 440PX; |
| 118 | padding-left: 0.375rem; | 118 | padding-left: 0.375rem; |
| 119 | padding-top: 0.2rem; | 119 | padding-top: 0.2rem; |
| 120 | } | 120 | } |
-
Please register or login to post a comment