Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
db92da32 by simon
Options

默认提交

1 parent 66f7598b
Inline Side-by-side
Showing 5 changed files with 22 additions and 39 deletions
...@@ -13,12 +13,7 @@ input { ...@@ -13,12 +13,7 @@ input {
13 } 13 }
14 14
15 .orange { 15 .orange {
16 color: #ff6839; 16 color: $cOrange2;
17 }
18
19 .gray {
20 // color: #747474;
21 color: #666666;
22 } 17 }
23 18
24 .empty { 19 .empty {
...@@ -50,7 +45,7 @@ input { ...@@ -50,7 +45,7 @@ input {
50 width: 300px; 45 width: 300px;
51 height: 50px; 46 height: 50px;
52 line-height: 50px; 47 line-height: 50px;
53 color: white; 48 color: #ffffff;
54 font-weight: 600; 49 font-weight: 600;
55 cursor: pointer; 50 cursor: pointer;
56 margin: 2.5rem auto; 51 margin: 2.5rem auto;
...@@ -95,7 +90,7 @@ input { ...@@ -95,7 +90,7 @@ input {
95 90
96 .title { 91 .title {
97 92
98 color: #ff6839; 93 color: $cOrange2;
99 text-align: center; 94 text-align: center;
100 display: flex; 95 display: flex;
101 align-items: center; 96 align-items: center;
...@@ -221,7 +216,7 @@ input { ...@@ -221,7 +216,7 @@ input {
221 // font-size: 1rem; 216 // font-size: 1rem;
222 // font-size: 18px; 217 // font-size: 18px;
223 margin-left: .833333rem; 218 margin-left: .833333rem;
224 color: #ff6839; 219 color: $cOrange2;
225 } 220 }
226 } 221 }
227 222
...@@ -232,7 +227,7 @@ input { ...@@ -232,7 +227,7 @@ input {
232 .contact { 227 .contact {
233 text-align: center; 228 text-align: center;
234 cursor: pointer; 229 cursor: pointer;
235 color: #ff6839; 230 color: $cOrange2;
236 font-weight: 600; 231 font-weight: 600;
237 text-decoration: underline; 232 text-decoration: underline;
238 } 233 }
...@@ -253,7 +248,7 @@ input { ...@@ -253,7 +248,7 @@ input {
253 248
254 .btn { 249 .btn {
255 margin-left: 0; 250 margin-left: 0;
256 color: #ff6839; 251 color: $cOrange2;
257 font-weight: 600; 252 font-weight: 600;
258 font-size: 1.166667rem; 253 font-size: 1.166667rem;
259 } 254 }
...@@ -270,7 +265,7 @@ input { ...@@ -270,7 +265,7 @@ input {
270 font-size: 1.333333rem; 265 font-size: 1.333333rem;
271 font-weight: 600; 266 font-weight: 600;
272 text-align: left; 267 text-align: left;
273 color: #ff6839; 268 color: $cOrange2;
274 padding-left: 15px; 269 padding-left: 15px;
275 } 270 }
276 271
...@@ -341,7 +336,7 @@ input { ...@@ -341,7 +336,7 @@ input {
341 } 336 }
342 337
343 .validator { 338 .validator {
344 color: #ff6839; 339 color: $cOrange2;
345 margin-top: 0.5rem; 340 margin-top: 0.5rem;
346 position: absolute; 341 position: absolute;
347 right: 1rem; 342 right: 1rem;
...@@ -376,7 +371,7 @@ input { ...@@ -376,7 +371,7 @@ input {
376 .main-label { 371 .main-label {
377 // font-size: 1.5rem; 372 // font-size: 1.5rem;
378 font-size: 22px; 373 font-size: 22px;
379 color: #ff6839; 374 color: $cOrange2;
380 } 375 }
381 } 376 }
382 377
......
...@@ -141,11 +141,11 @@ ...@@ -141,11 +141,11 @@
141 <!-- <template v-if="1>0"> --> 141 <!-- <template v-if="1>0"> -->
142 <hr class="hr2" v-if="data.amount > 0"> 142 <hr class="hr2" v-if="data.amount > 0">
143 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> 143 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
144 <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div> 144 <div class="bottom-tip mt10">{{$t('clarms.step2.tip1')}}</div>
145 145
146 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div> 146 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div>
147 <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip2')}}</div> 147 <div class="bottom-tip mt10">{{$t('clarms.step2.tip2')}}</div>
148 <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip3')}}</div> 148 <div class="bottom-tip mt10">{{$t('clarms.step2.tip3')}}</div>
149 149
150 <div class="bottom-tip orange mt10 pointer" @click="agress = !agress"> 150 <div class="bottom-tip orange mt10 pointer" @click="agress = !agress">
151 <img v-if="agress" src="@/assets/images/clarms/checked.png"> 151 <img v-if="agress" src="@/assets/images/clarms/checked.png">
......
...@@ -7,12 +7,11 @@ $borderRadius:6px; ...@@ -7,12 +7,11 @@ $borderRadius:6px;
7 } 7 }
8 8
9 .orange { 9 .orange {
10 // color: $cOrange; 10 color: $cOrange2;
11 color: #ff6839;
12 } 11 }
13 12
14 .gray { 13 .gray {
15 color: #747474; 14 color: $cFontGray2;
16 } 15 }
17 16
18 17
...@@ -23,7 +22,7 @@ $borderRadius:6px; ...@@ -23,7 +22,7 @@ $borderRadius:6px;
23 width: 300px; 22 width: 300px;
24 height: 50px; 23 height: 50px;
25 line-height: 50px; 24 line-height: 50px;
26 color: white; 25 color: #ffffff;
27 font-weight: 600; 26 font-weight: 600;
28 cursor: pointer; 27 cursor: pointer;
29 margin: 100px auto 32px; 28 margin: 100px auto 32px;
...@@ -34,14 +33,11 @@ $borderRadius:6px; ...@@ -34,14 +33,11 @@ $borderRadius:6px;
34 .reservation-container { 33 .reservation-container {
35 @extend .bb; 34 @extend .bb;
36 border-radius: $borderRadius; 35 border-radius: $borderRadius;
37 // border: solid 2px $cOrange;
38 background-color: #ffffff; 36 background-color: #ffffff;
39 // padding: 2.666667rem 10rem 2.833333rem 10rem;
40 padding: 60px 82px 68px; 37 padding: 60px 82px 68px;
41 38
42 .title { 39 .title {
43 // font-size: 1.333333rem; 40 color: $cOrange2;
44 color: $cOrange;
45 text-align: center; 41 text-align: center;
46 margin: 1.666667rem auto 0 auto; 42 margin: 1.666667rem auto 0 auto;
47 letter-spacing: 1.1px; 43 letter-spacing: 1.1px;
...@@ -88,7 +84,7 @@ $borderRadius:6px; ...@@ -88,7 +84,7 @@ $borderRadius:6px;
88 } 84 }
89 85
90 .btn { 86 .btn {
91 color: $cOrange; 87 color: $cOrange2;
92 } 88 }
93 } 89 }
94 } 90 }
...@@ -104,18 +100,11 @@ $borderRadius:6px; ...@@ -104,18 +100,11 @@ $borderRadius:6px;
104 &-name { 100 &-name {
105 font-weight: 600; 101 font-weight: 600;
106 text-align: left; 102 text-align: left;
107 color: $cOrange; 103 color: $cOrange2;
108 // padding-left: 15px;
109 } 104 }
110 105
111 .ipt-date { 106 .ipt-date {
112 // width: 100%;
113 // border: 1px solid $cOrange !important;
114 // border-radius: .416667rem;
115 // height: 3rem;
116 // align-items: center;
117 padding: 0 2rem; 107 padding: 0 2rem;
118
119 width: 100%; 108 width: 100%;
120 background-color: #ffffff; 109 background-color: #ffffff;
121 height: 48px; 110 height: 48px;
...@@ -192,7 +181,7 @@ $borderRadius:6px; ...@@ -192,7 +181,7 @@ $borderRadius:6px;
192 } 181 }
193 182
194 .validator { 183 .validator {
195 color: $cOrange; 184 color: $cOrange2;
196 margin-top: 0.5rem; 185 margin-top: 0.5rem;
197 position: absolute; 186 position: absolute;
198 right: 1rem; 187 right: 1rem;
...@@ -222,7 +211,7 @@ $borderRadius:6px; ...@@ -222,7 +211,7 @@ $borderRadius:6px;
222 letter-spacing: .25rem; 211 letter-spacing: .25rem;
223 212
224 .main-label { 213 .main-label {
225 color: $cOrange; 214 color: $cOrange2;
226 } 215 }
227 } 216 }
228 217
......
...@@ -31,7 +31,6 @@ $borderSize:6px; ...@@ -31,7 +31,6 @@ $borderSize:6px;
31 31
32 input { 32 input {
33 padding: 0 2.083333rem; 33 padding: 0 2.083333rem;
34 color: #333333;
35 } 34 }
36 35
37 .orange { 36 .orange {
......
...@@ -321,7 +321,7 @@ $borderSize: 6px; ...@@ -321,7 +321,7 @@ $borderSize: 6px;
321 width: 50%; 321 width: 50%;
322 padding: 18px 12px 18px 0; 322 padding: 18px 12px 18px 0;
323 letter-spacing: 1.12px; 323 letter-spacing: 1.12px;
324 color: #666666; 324 // color: #666666;
325 } 325 }
326 326
327 .label { 327 .label {
...@@ -350,7 +350,7 @@ $borderSize: 6px; ...@@ -350,7 +350,7 @@ $borderSize: 6px;
350 350
351 padding: 50px 60px 26px 100px; 351 padding: 50px 60px 26px 100px;
352 letter-spacing: 1.12px; 352 letter-spacing: 1.12px;
353 color: #666666; 353 // color: #666666;
354 354
355 .t1 { 355 .t1 {
356 color: $cOrange2; 356 color: $cOrange2;
......