Skip to content

dev / pingan-life-index-pro

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

去掉不美观rem

1 parent f8adb021
Inline Side-by-side
Showing 35 changed files with 255 additions and 243 deletions
No preview for this file type
...@@ -738,6 +738,8 @@ module.exports = { ...@@ -738,6 +738,8 @@ module.exports = {
738 menu6: "Reservation", 738 menu6: "Reservation",
739 menu7: "Complaints", 739 menu7: "Complaints",
740 menu8: "Useful Forms", 740 menu8: "Useful Forms",
741 menu9: "eCorrespondence Enquiry",
742 menu10: "常见问题",
741 insuranceQuery: { 743 insuranceQuery: {
742 modify: "modify", 744 modify: "modify",
743 745
......
...@@ -732,6 +732,8 @@ module.exports = { ...@@ -732,6 +732,8 @@ module.exports = {
732 menu6: "預約服務", 732 menu6: "預約服務",
733 menu7: "投訴受理", 733 menu7: "投訴受理",
734 menu8: "常用表格", 734 menu8: "常用表格",
735 menu9: "電子通知書查詢",
736 menu10: "常見問題",
735 insuranceQuery: { 737 insuranceQuery: {
736 modify: "修改", 738 modify: "修改",
737 739
......
...@@ -733,6 +733,8 @@ module.exports = { ...@@ -733,6 +733,8 @@ module.exports = {
733 menu6: "预约服务", 733 menu6: "预约服务",
734 menu7: "投诉受理", 734 menu7: "投诉受理",
735 menu8: "常用表格", 735 menu8: "常用表格",
736 menu9: "电子通知书查询",
737 menu10: "常见问题",
736 insuranceQuery: { 738 insuranceQuery: {
737 modify: "修改", 739 modify: "修改",
738 740
......
...@@ -10,7 +10,7 @@ $borderRadius:6px; ...@@ -10,7 +10,7 @@ $borderRadius:6px;
10 10
11 11
12 input { 12 input {
13 padding: 0 2.083333rem; 13 padding: 0 25px;
14 color: $cFontGray2; 14 color: $cFontGray2;
15 } 15 }
16 16
...@@ -181,11 +181,11 @@ input { ...@@ -181,11 +181,11 @@ input {
181 } 181 }
182 182
183 .ml10 { 183 .ml10 {
184 margin-left: .833333rem; 184 margin-left: 10px;
185 } 185 }
186 186
187 .mr10 { 187 .mr10 {
188 margin-right: .833333rem; 188 margin-right: 10px;
189 } 189 }
190 190
191 .mt20 { 191 .mt20 {
...@@ -239,7 +239,7 @@ input { ...@@ -239,7 +239,7 @@ input {
239 span { 239 span {
240 // font-size: 1rem; 240 // font-size: 1rem;
241 // font-size: 18px; 241 // font-size: 18px;
242 margin-left: .833333rem; 242 margin-left: 10px;
243 color: $cOrange2; 243 color: $cOrange2;
244 } 244 }
245 } 245 }
...@@ -261,10 +261,10 @@ input { ...@@ -261,10 +261,10 @@ input {
261 align-items: center; 261 align-items: center;
262 justify-content: center; 262 justify-content: center;
263 display: flex; 263 display: flex;
264 font-size: 1.166667rem; 264 font-size: 14px;
265 265
266 .icon { 266 .icon {
267 width: 1.333333rem; 267 width: 16px;
268 margin-right: 5px; 268 margin-right: 5px;
269 display: inline-block; 269 display: inline-block;
270 } 270 }
...@@ -273,7 +273,7 @@ input { ...@@ -273,7 +273,7 @@ input {
273 margin-left: 0; 273 margin-left: 0;
274 color: $cOrange2; 274 color: $cOrange2;
275 font-weight: 600; 275 font-weight: 600;
276 font-size: 1.166667rem; 276 font-size: 14px;
277 } 277 }
278 } 278 }
279 } 279 }
...@@ -285,7 +285,7 @@ input { ...@@ -285,7 +285,7 @@ input {
285 flex-wrap: wrap; 285 flex-wrap: wrap;
286 286
287 &-name { 287 &-name {
288 font-size: 1.333333rem; 288 font-size: 16px;
289 font-weight: 600; 289 font-weight: 600;
290 text-align: left; 290 text-align: left;
291 color: $cOrange2; 291 color: $cOrange2;
...@@ -311,7 +311,7 @@ input { ...@@ -311,7 +311,7 @@ input {
311 display: flex; 311 display: flex;
312 justify-content: center; 312 justify-content: center;
313 padding: 0 $marginSmall; 313 padding: 0 $marginSmall;
314 margin-bottom: 1.333333rem; 314 margin-bottom: 16px;
315 315
316 .label { 316 .label {
317 display: flex; 317 display: flex;
...@@ -333,7 +333,7 @@ input { ...@@ -333,7 +333,7 @@ input {
333 // input和下拉 333 // input和下拉
334 .ipt { 334 .ipt {
335 border: 1px solid #ff6839 !important; 335 border: 1px solid #ff6839 !important;
336 border-radius: .416667rem; 336 border-radius: 5px;
337 height: 3rem; 337 height: 3rem;
338 display: flex; 338 display: flex;
339 align-items: center; 339 align-items: center;
...@@ -382,7 +382,7 @@ input { ...@@ -382,7 +382,7 @@ input {
382 display: flex; 382 display: flex;
383 justify-content: flex-start; 383 justify-content: flex-start;
384 // padding: 0 $marginSmall; 384 // padding: 0 $marginSmall;
385 // margin-bottom: 1.333333rem; 385 // margin-bottom: 16px;
386 386
387 .label { 387 .label {
388 @extend .bb; 388 @extend .bb;
...@@ -418,7 +418,7 @@ input { ...@@ -418,7 +418,7 @@ input {
418 // input和下拉 418 // input和下拉
419 .ipt { 419 .ipt {
420 border: 1px solid #ff6839 !important; 420 border: 1px solid #ff6839 !important;
421 border-radius: .416667rem; 421 border-radius: 5px;
422 height: 3rem; 422 height: 3rem;
423 display: flex; 423 display: flex;
424 align-items: center; 424 align-items: center;
...@@ -430,7 +430,7 @@ input { ...@@ -430,7 +430,7 @@ input {
430 height: 3rem; 430 height: 3rem;
431 display: flex; 431 display: flex;
432 align-items: center; 432 align-items: center;
433 margin-bottom: .833333rem; 433 margin-bottom: 10px;
434 // width: 700px; 434 // width: 700px;
435 width: 100%; 435 width: 100%;
436 } 436 }
...@@ -476,7 +476,7 @@ input { ...@@ -476,7 +476,7 @@ input {
476 margin-bottom: 1rem; 476 margin-bottom: 1rem;
477 477
478 &-icon { 478 &-icon {
479 width: 1.166667rem; 479 width: 14px;
480 position: absolute; 480 position: absolute;
481 top: .6rem; 481 top: .6rem;
482 } 482 }
......
...@@ -127,29 +127,29 @@ $borderSize: 6px; ...@@ -127,29 +127,29 @@ $borderSize: 6px;
127 127
128 .clarms-img-item-plugin { 128 .clarms-img-item-plugin {
129 cursor: pointer; 129 cursor: pointer;
130 margin-right: .833333rem; 130 margin-right: 10px;
131 margin-bottom: .833333rem; 131 margin-bottom: 10px;
132 width: 5.833333rem; 132 width: 70px;
133 height: 5.833333rem; 133 height: 70px;
134 134
135 .clarms-img-item { 135 .clarms-img-item {
136 position: relative; 136 position: relative;
137 width: 5.833333rem; 137 width: 70px;
138 height: 5.833333rem; 138 height: 70px;
139 139
140 .clarms-img-cont { 140 .clarms-img-cont {
141 width: 5.833333rem; 141 width: 70px;
142 height: 5.833333rem; 142 height: 70px;
143 position: absolute; 143 position: absolute;
144 left: 0; 144 left: 0;
145 top: 0; 145 top: 0;
146 } 146 }
147 147
148 .clarms-img-mask { 148 .clarms-img-mask {
149 width: 5.833333rem; 149 width: 70px;
150 height: 5.833333rem; 150 height: 70px;
151 text-align: center; 151 text-align: center;
152 line-height: 5.833333rem; 152 line-height: 70px;
153 position: absolute; 153 position: absolute;
154 left: 0; 154 left: 0;
155 top: 0; 155 top: 0;
...@@ -183,7 +183,7 @@ $borderSize: 6px; ...@@ -183,7 +183,7 @@ $borderSize: 6px;
183 } 183 }
184 184
185 .clarms-empty-line { 185 .clarms-empty-line {
186 height: .833333rem; 186 height: 10px;
187 } 187 }
188 } 188 }
189 189
...@@ -225,7 +225,7 @@ $borderSize: 6px; ...@@ -225,7 +225,7 @@ $borderSize: 6px;
225 225
226 // .clarms-btn { 226 // .clarms-btn {
227 // align-self: flex-end; 227 // align-self: flex-end;
228 // margin-top: .833333rem; 228 // margin-top: 10px;
229 // } 229 // }
230 230
231 // .clarms-icon { 231 // .clarms-icon {
...@@ -234,8 +234,8 @@ $borderSize: 6px; ...@@ -234,8 +234,8 @@ $borderSize: 6px;
234 // } 234 // }
235 235
236 // .clarms-title-container { 236 // .clarms-title-container {
237 // margin-top: .833333rem; 237 // margin-top: 10px;
238 // margin-left: .833333rem; 238 // margin-left: 10px;
239 // } 239 // }
240 // } 240 // }
241 // } 241 // }
...@@ -243,11 +243,11 @@ $borderSize: 6px; ...@@ -243,11 +243,11 @@ $borderSize: 6px;
243 243
244 // @media (max-width: 600px) { 244 // @media (max-width: 600px) {
245 // .clarms-container .clarms-box .clarms-title-container .clarms-t1 { 245 // .clarms-container .clarms-box .clarms-title-container .clarms-t1 {
246 // font-size: 1.333333rem; 246 // font-size: 16px;
247 // } 247 // }
248 248
249 // .clarms-container .clarms-box .clarms-title-container .clarms-t2 { 249 // .clarms-container .clarms-box .clarms-title-container .clarms-t2 {
250 // font-size: 1.333333rem; 250 // font-size: 16px;
251 // } 251 // }
252 // } 252 // }
253 253
......
...@@ -38,7 +38,7 @@ $borderRadius:6px; ...@@ -38,7 +38,7 @@ $borderRadius:6px;
38 .title { 38 .title {
39 color: $cOrange2; 39 color: $cOrange2;
40 text-align: center; 40 text-align: center;
41 margin: 1.666667rem auto 0 auto; 41 margin: 20px auto 0 auto;
42 42
43 span {} 43 span {}
44 } 44 }
...@@ -69,7 +69,7 @@ $borderRadius:6px; ...@@ -69,7 +69,7 @@ $borderRadius:6px;
69 align-items: center; 69 align-items: center;
70 70
71 span { 71 span {
72 margin-left: .833333rem; 72 margin-left: 10px;
73 } 73 }
74 } 74 }
75 75
...@@ -145,7 +145,7 @@ $borderRadius:6px; ...@@ -145,7 +145,7 @@ $borderRadius:6px;
145 // input和下拉 145 // input和下拉
146 .ipt { 146 .ipt {
147 border: none !important; 147 border: none !important;
148 border-radius: .416667rem; 148 border-radius: 5px;
149 height: 3rem; 149 height: 3rem;
150 150
151 width: 100%; 151 width: 100%;
...@@ -198,7 +198,7 @@ $borderRadius:6px; ...@@ -198,7 +198,7 @@ $borderRadius:6px;
198 display: flex; 198 display: flex;
199 justify-content: flex-start; 199 justify-content: flex-start;
200 padding: 0 $marginSmall; 200 padding: 0 $marginSmall;
201 margin-bottom: 1.333333rem; 201 margin-bottom: 16px;
202 202
203 .label { 203 .label {
204 align-items: center; 204 align-items: center;
...@@ -228,7 +228,7 @@ $borderRadius:6px; ...@@ -228,7 +228,7 @@ $borderRadius:6px;
228 // input和下拉 228 // input和下拉
229 .ipt { 229 .ipt {
230 border: 1px solid $cOrange !important; 230 border: 1px solid $cOrange !important;
231 border-radius: .416667rem; 231 border-radius: 5px;
232 height: 3rem; 232 height: 3rem;
233 display: flex; 233 display: flex;
234 align-items: center; 234 align-items: center;
...@@ -241,7 +241,7 @@ $borderRadius:6px; ...@@ -241,7 +241,7 @@ $borderRadius:6px;
241 height: 3rem; 241 height: 3rem;
242 display: flex; 242 display: flex;
243 align-items: center; 243 align-items: center;
244 margin-bottom: .833333rem; 244 margin-bottom: 10px;
245 } 245 }
246 246
247 // 长文本 247 // 长文本
...@@ -280,7 +280,7 @@ $borderRadius:6px; ...@@ -280,7 +280,7 @@ $borderRadius:6px;
280 margin-bottom: 1rem; 280 margin-bottom: 1rem;
281 281
282 &-icon { 282 &-icon {
283 width: 1.166667rem; 283 width: 14px;
284 position: absolute; 284 position: absolute;
285 top: .6rem; 285 top: .6rem;
286 } 286 }
...@@ -323,7 +323,7 @@ $borderRadius:6px; ...@@ -323,7 +323,7 @@ $borderRadius:6px;
323 323
324 @media (max-width: 700px) { 324 @media (max-width: 700px) {
325 .reservation-container { 325 .reservation-container {
326 padding: 2.666667rem 2rem 2.833333rem 2rem; 326 padding: 32px 2rem 34px 2rem;
327 } 327 }
328 328
329 .form { 329 .form {
...@@ -390,7 +390,7 @@ $borderRadius:6px; ...@@ -390,7 +390,7 @@ $borderRadius:6px;
390 width: 100%; 390 width: 100%;
391 391
392 .label { 392 .label {
393 margin-bottom: .416667rem; 393 margin-bottom: 5px;
394 min-width: 100%; 394 min-width: 100%;
395 } 395 }
396 396
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 11
12 .cont { 12 .cont {
13 .logo-wrap { 13 .logo-wrap {
14 padding: 2.166667rem 0; 14 padding: 26px 0;
15 15
16 .logo-img { 16 .logo-img {
17 cursor: pointer; 17 cursor: pointer;
...@@ -79,8 +79,7 @@ ...@@ -79,8 +79,7 @@
79 79
80 80
81 .qrcode { 81 .qrcode {
82 width: 8.416667rem; 82 width: 100px;
83 height: 8.833333rem;
84 } 83 }
85 84
86 .c1 { 85 .c1 {
...@@ -98,12 +97,11 @@ ...@@ -98,12 +97,11 @@
98 // 公共组件 97 // 公共组件
99 .n-item { 98 .n-item {
100 margin-bottom: 2rem; 99 margin-bottom: 2rem;
101 // padding-right: .833333rem ;
102 padding-right: 3rem ; 100 padding-right: 3rem ;
103 color: #dcdddd; 101 color: #dcdddd;
104 102
105 &:first-child { 103 &:first-child {
106 margin-bottom: 2.666667rem; 104 margin-bottom: 32px;
107 } 105 }
108 106
109 &:last-child { 107 &:last-child {
...@@ -147,7 +145,7 @@ ...@@ -147,7 +145,7 @@
147 .n-item { 145 .n-item {
148 min-width: 0; 146 min-width: 0;
149 margin-right: 0; 147 margin-right: 0;
150 padding-right: .833333rem ; 148 padding-right: 10px;
151 } 149 }
152 } 150 }
153 151
......
...@@ -8,7 +8,7 @@ $borderSize:6px; ...@@ -8,7 +8,7 @@ $borderSize:6px;
8 } 8 }
9 9
10 .content { 10 .content {
11 margin: 2.333333rem auto; 11 margin: 28px auto;
12 position: relative; 12 position: relative;
13 } 13 }
14 14
...@@ -25,7 +25,7 @@ $borderSize:6px; ...@@ -25,7 +25,7 @@ $borderSize:6px;
25 25
26 26
27 input { 27 input {
28 padding: 0 2.083333rem; 28 padding: 0 25px;
29 } 29 }
30 30
31 .orange { 31 .orange {
...@@ -89,18 +89,18 @@ input { ...@@ -89,18 +89,18 @@ input {
89 // border-radius: 20px; 89 // border-radius: 20px;
90 90
91 .title { 91 .title {
92 font-size: 1.333333rem; 92 font-size: 16px;
93 color: $cOrange; 93 color: $cOrange;
94 text-align: center; 94 text-align: center;
95 margin: 1.666667rem auto 0 auto; 95 margin: 20px auto 0 auto;
96 96
97 span { 97 span {
98 padding: 0 .166667rem; 98 padding: 0 2px;
99 } 99 }
100 } 100 }
101 101
102 .default-mt { 102 .default-mt {
103 margin-top: 2.666667rem; 103 margin-top: 32px;
104 } 104 }
105 105
106 .flex-top { 106 .flex-top {
...@@ -121,7 +121,7 @@ input { ...@@ -121,7 +121,7 @@ input {
121 align-items: center; 121 align-items: center;
122 122
123 span { 123 span {
124 margin-left: .833333rem; 124 margin-left: 10px;
125 } 125 }
126 } 126 }
127 127
...@@ -134,21 +134,21 @@ input { ...@@ -134,21 +134,21 @@ input {
134 // border-radius: 20px; 134 // border-radius: 20px;
135 135
136 .title { 136 .title {
137 font-size: 1.333333rem; 137 font-size: 16px;
138 color: $cOrange; 138 color: $cOrange;
139 text-align: center; 139 text-align: center;
140 margin: 1.666667rem auto 0 auto; 140 margin: 20px auto 0 auto;
141 141
142 select { 142 select {
143 padding: 0 1.25rem; 143 padding: 0 1.25rem;
144 border: none; 144 border: none;
145 border-bottom: .083333rem solid #666666; 145 border-bottom: 1px solid #666666;
146 color: #666666; 146 color: #666666;
147 } 147 }
148 } 148 }
149 149
150 .default-mt { 150 .default-mt {
151 margin-top: 2.666667rem; 151 margin-top: 32px;
152 } 152 }
153 153
154 .submit-btn { 154 .submit-btn {
...@@ -172,14 +172,14 @@ input { ...@@ -172,14 +172,14 @@ input {
172 display: flex; 172 display: flex;
173 align-items: center; 173 align-items: center;
174 margin-right: 2rem; 174 margin-right: 2rem;
175 margin-bottom: .833333rem; 175 margin-bottom: 10px;
176 176
177 span { 177 span {
178 margin-left: .833333rem; 178 margin-left: 10px;
179 } 179 }
180 180
181 img { 181 img {
182 width: 1.666667rem; 182 width: 20px;
183 } 183 }
184 } 184 }
185 185
...@@ -191,19 +191,19 @@ input { ...@@ -191,19 +191,19 @@ input {
191 } 191 }
192 192
193 .ml10 { 193 .ml10 {
194 margin-left: .833333rem; 194 margin-left: 10px;
195 } 195 }
196 196
197 .mr10 { 197 .mr10 {
198 margin-right: .833333rem; 198 margin-right: 10px;
199 } 199 }
200 200
201 .mt20 { 201 .mt20 {
202 margin-top: 1.666667rem; 202 margin-top: 20px;
203 } 203 }
204 204
205 .mt10 { 205 .mt10 {
206 margin-top: .833333rem; 206 margin-top: 10px;
207 } 207 }
208 208
209 .upload-item { 209 .upload-item {
...@@ -211,9 +211,9 @@ input { ...@@ -211,9 +211,9 @@ input {
211 .tip { 211 .tip {
212 color: $cOrange; 212 color: $cOrange;
213 font-size: 1rem; 213 font-size: 1rem;
214 margin-top: .833333rem; 214 margin-top: 10px;
215 text-align: center; 215 text-align: center;
216 width: 8.333333rem; 216 width: 100px;
217 } 217 }
218 218
219 .tip:lang(zh) { 219 .tip:lang(zh) {
...@@ -221,43 +221,43 @@ input { ...@@ -221,43 +221,43 @@ input {
221 } 221 }
222 222
223 .upload-icon-1 { 223 .upload-icon-1 {
224 width: 8.333333rem; 224 width: 100px;
225 height: 8.333333rem; 225 height: 100px;
226 background: url("~@/assets/images/clarms/icon1.png"); 226 background: url("~@/assets/images/clarms/icon1.png");
227 background-size: 100% 100%; 227 background-size: 100% 100%;
228 } 228 }
229 229
230 .upload-icon-2 { 230 .upload-icon-2 {
231 width: 8.333333rem; 231 width: 100px;
232 height: 8.333333rem; 232 height: 100px;
233 background: url("~@/assets/images/clarms/icon2.png"); 233 background: url("~@/assets/images/clarms/icon2.png");
234 background-size: 100% 100%; 234 background-size: 100% 100%;
235 } 235 }
236 236
237 .upload-icon-3 { 237 .upload-icon-3 {
238 width: 8.333333rem; 238 width: 100px;
239 height: 8.333333rem; 239 height: 100px;
240 background: url("~@/assets/images/clarms/icon3.png"); 240 background: url("~@/assets/images/clarms/icon3.png");
241 background-size: 100% 100%; 241 background-size: 100% 100%;
242 } 242 }
243 243
244 .upload-icon-4 { 244 .upload-icon-4 {
245 width: 8.333333rem; 245 width: 100px;
246 height: 8.333333rem; 246 height: 100px;
247 background: url("~@/assets/images/clarms/icon4.png"); 247 background: url("~@/assets/images/clarms/icon4.png");
248 background-size: 100% 100%; 248 background-size: 100% 100%;
249 } 249 }
250 250
251 .upload-icon-5 { 251 .upload-icon-5 {
252 width: 8.333333rem; 252 width: 100px;
253 height: 8.333333rem; 253 height: 100px;
254 background: url("~@/assets/images/clarms/icon5.png"); 254 background: url("~@/assets/images/clarms/icon5.png");
255 background-size: 100% 100%; 255 background-size: 100% 100%;
256 } 256 }
257 } 257 }
258 258
259 .bottom-tip { 259 .bottom-tip {
260 font-size: .833333rem; 260 font-size: 10px;
261 display: flex; 261 display: flex;
262 align-items: center; 262 align-items: center;
263 263
...@@ -281,12 +281,12 @@ input { ...@@ -281,12 +281,12 @@ input {
281 align-items: center; 281 align-items: center;
282 282
283 img { 283 img {
284 width: .833333rem; 284 width: 10px;
285 } 285 }
286 286
287 span { 287 span {
288 font-size: 1rem; 288 font-size: 1rem;
289 margin-left: .833333rem; 289 margin-left: 10px;
290 color: $cOrange; 290 color: $cOrange;
291 } 291 }
292 } 292 }
...@@ -306,7 +306,7 @@ input { ...@@ -306,7 +306,7 @@ input {
306 flex-wrap: wrap; 306 flex-wrap: wrap;
307 307
308 &-name { 308 &-name {
309 font-size: 1.333333rem; 309 font-size: 16px;
310 font-weight: 600; 310 font-weight: 600;
311 text-align: left; 311 text-align: left;
312 color: $cOrange; 312 color: $cOrange;
...@@ -316,10 +316,10 @@ input { ...@@ -316,10 +316,10 @@ input {
316 .ipt-date { 316 .ipt-date {
317 width: 100%; 317 width: 100%;
318 border: 1px solid $cOrange !important; 318 border: 1px solid $cOrange !important;
319 border-radius: .416667rem; 319 border-radius: 5px;
320 height: 3rem; 320 height: 3rem;
321 align-items: center; 321 align-items: center;
322 padding-left: .833333rem; 322 padding-left: 10px;
323 } 323 }
324 324
325 &-item { 325 &-item {
...@@ -327,7 +327,7 @@ input { ...@@ -327,7 +327,7 @@ input {
327 display: flex; 327 display: flex;
328 justify-content: center; 328 justify-content: center;
329 padding: 0 $marginSmall; 329 padding: 0 $marginSmall;
330 margin-bottom: 1.333333rem; 330 margin-bottom: 16px;
331 331
332 .label { 332 .label {
333 display: flex; 333 display: flex;
...@@ -350,7 +350,7 @@ input { ...@@ -350,7 +350,7 @@ input {
350 // input和下拉 350 // input和下拉
351 .ipt { 351 .ipt {
352 border: 1px solid $cOrange !important; 352 border: 1px solid $cOrange !important;
353 border-radius: .416667rem; 353 border-radius: 5px;
354 height: 3rem; 354 height: 3rem;
355 display: flex; 355 display: flex;
356 align-items: center; 356 align-items: center;
...@@ -370,8 +370,8 @@ input { ...@@ -370,8 +370,8 @@ input {
370 right: 1.2rem; 370 right: 1.2rem;
371 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png'); 371 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
372 background-size: 100% 100%; 372 background-size: 100% 100%;
373 width: .633333rem; 373 width: 7.6px;
374 height: .433333rem; 374 height: 5.2px;
375 pointer-events: none; 375 pointer-events: none;
376 cursor: default; 376 cursor: default;
377 } 377 }
...@@ -399,7 +399,7 @@ input { ...@@ -399,7 +399,7 @@ input {
399 display: flex; 399 display: flex;
400 justify-content: flex-start; 400 justify-content: flex-start;
401 padding: 0 $marginSmall; 401 padding: 0 $marginSmall;
402 margin-bottom: 1.333333rem; 402 margin-bottom: 16px;
403 403
404 .label { 404 .label {
405 align-items: center; 405 align-items: center;
...@@ -429,7 +429,7 @@ input { ...@@ -429,7 +429,7 @@ input {
429 // input和下拉 429 // input和下拉
430 .ipt { 430 .ipt {
431 border: 1px solid $cOrange !important; 431 border: 1px solid $cOrange !important;
432 border-radius: .416667rem; 432 border-radius: 5px;
433 height: 3rem; 433 height: 3rem;
434 display: flex; 434 display: flex;
435 align-items: center; 435 align-items: center;
...@@ -442,7 +442,7 @@ input { ...@@ -442,7 +442,7 @@ input {
442 height: 3rem; 442 height: 3rem;
443 display: flex; 443 display: flex;
444 align-items: center; 444 align-items: center;
445 margin-bottom: .833333rem; 445 margin-bottom: 10px;
446 } 446 }
447 447
448 // 长文本 448 // 长文本
...@@ -459,8 +459,8 @@ input { ...@@ -459,8 +459,8 @@ input {
459 right: 1.2rem; 459 right: 1.2rem;
460 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png'); 460 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
461 background-size: 100% 100%; 461 background-size: 100% 100%;
462 width: .633333rem; 462 width: 7.6px;
463 height: .433333rem; 463 height: 5.2px;
464 pointer-events: none; 464 pointer-events: none;
465 cursor: default; 465 cursor: default;
466 } 466 }
...@@ -482,7 +482,7 @@ input { ...@@ -482,7 +482,7 @@ input {
482 margin-bottom: 1rem; 482 margin-bottom: 1rem;
483 483
484 &-icon { 484 &-icon {
485 width: 1.166667rem; 485 width: 14px;
486 position: absolute; 486 position: absolute;
487 top: .6rem; 487 top: .6rem;
488 } 488 }
...@@ -526,7 +526,7 @@ input { ...@@ -526,7 +526,7 @@ input {
526 526
527 // @media (max-width: 600px) { 527 // @media (max-width: 600px) {
528 // .reservation-container { 528 // .reservation-container {
529 // padding: 2.666667rem 2rem 2.833333rem 2rem; 529 // padding: 32px 2rem 34px 2rem;
530 // } 530 // }
531 531
532 // .form { 532 // .form {
...@@ -582,6 +582,6 @@ input { ...@@ -582,6 +582,6 @@ input {
582 582
583 // @media (max-width: 400px) { 583 // @media (max-width: 400px) {
584 // .reservation-container-2 { 584 // .reservation-container-2 {
585 // // padding: 1.666667rem 1rem; 585 // // padding: 20px 1rem;
586 // } 586 // }
587 // } 587 // }
......
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
32 &-item { 32 &-item {
33 background-color: #ffffff; 33 background-color: #ffffff;
34 flex-wrap: wrap; 34 flex-wrap: wrap;
35 width: 16rem; 35 width: 192px;
36 height: 16rem; 36 height: 192px;
37 border-radius: $borderRadius; 37 border-radius: $borderRadius;
38 border: solid 1px #f2f2f2; 38 border: solid 1px #f2f2f2;
39 margin: $marginSmallHalf; 39 margin: $marginSmallHalf;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 2
3 3
4 input { 4 input {
5 padding: 0 2.083333rem; 5 padding: 0 25px;
6 color: #333333; 6 color: #333333;
7 } 7 }
8 8
...@@ -31,25 +31,25 @@ input { ...@@ -31,25 +31,25 @@ input {
31 .reservation-container { 31 .reservation-container {
32 @extend .fcc; 32 @extend .fcc;
33 @extend .bb; 33 @extend .bb;
34 border-radius: .666667rem; 34 border-radius: 8px;
35 border: solid .083333rem $cOrange; 35 border: solid 1px $cOrange;
36 background-color: #ffffff; 36 background-color: #ffffff;
37 padding: 2.666667rem 10rem 2.833333rem 10rem; 37 padding: 32px 10rem 34px 10rem;
38 min-height: 500px; 38 min-height: 500px;
39 39
40 .title { 40 .title {
41 font-size: 1.333333rem; 41 font-size: 16px;
42 color: $cOrange; 42 color: $cOrange;
43 text-align: center; 43 text-align: center;
44 margin: 1.666667rem auto 0 auto; 44 margin: 20px auto 0 auto;
45 45
46 span { 46 span {
47 padding: 0 .166667rem; 47 padding: 0 2px;
48 } 48 }
49 } 49 }
50 50
51 .default-mt { 51 .default-mt {
52 margin-top: 2.666667rem; 52 margin-top: 32px;
53 } 53 }
54 54
55 .flex-top { 55 .flex-top {
...@@ -70,7 +70,7 @@ input { ...@@ -70,7 +70,7 @@ input {
70 align-items: center; 70 align-items: center;
71 71
72 span { 72 span {
73 margin-left: .833333rem; 73 margin-left: 10px;
74 } 74 }
75 } 75 }
76 76
...@@ -79,27 +79,27 @@ input { ...@@ -79,27 +79,27 @@ input {
79 79
80 .reservation-container-2 { 80 .reservation-container-2 {
81 @extend .bb; 81 @extend .bb;
82 border-radius: .666667rem; 82 border-radius: 8px;
83 border: solid .083333rem $cOrange; 83 border: solid 1px $cOrange;
84 background-color: #ffffff; 84 background-color: #ffffff;
85 padding: 1.666667rem 10rem 2.833333rem 10rem; 85 padding: 20px 10rem 34px 10rem;
86 86
87 .title { 87 .title {
88 font-size: 1.333333rem; 88 font-size: 16px;
89 color: $cOrange; 89 color: $cOrange;
90 text-align: center; 90 text-align: center;
91 margin: 1.666667rem auto 0 auto; 91 margin: 20px auto 0 auto;
92 92
93 select { 93 select {
94 padding: 0 1.25rem; 94 padding: 0 1.25rem;
95 border: none; 95 border: none;
96 border-bottom: .083333rem solid #666666; 96 border-bottom: 1px solid #666666;
97 color: #666666; 97 color: #666666;
98 } 98 }
99 } 99 }
100 100
101 .default-mt { 101 .default-mt {
102 margin-top: 2.666667rem; 102 margin-top: 32px;
103 } 103 }
104 104
105 .submit-btn { 105 .submit-btn {
...@@ -123,14 +123,14 @@ input { ...@@ -123,14 +123,14 @@ input {
123 display: flex; 123 display: flex;
124 align-items: center; 124 align-items: center;
125 margin-right: 2rem; 125 margin-right: 2rem;
126 margin-bottom: .833333rem; 126 margin-bottom: 10px;
127 127
128 span { 128 span {
129 margin-left: .833333rem; 129 margin-left: 10px;
130 } 130 }
131 131
132 img { 132 img {
133 width: 1.666667rem; 133 width: 20px;
134 } 134 }
135 } 135 }
136 136
...@@ -142,19 +142,19 @@ input { ...@@ -142,19 +142,19 @@ input {
142 } 142 }
143 143
144 .ml10 { 144 .ml10 {
145 margin-left: .833333rem; 145 margin-left: 10px;
146 } 146 }
147 147
148 .mr10 { 148 .mr10 {
149 margin-right: .833333rem; 149 margin-right: 10px;
150 } 150 }
151 151
152 .mt20 { 152 .mt20 {
153 margin-top: 1.666667rem; 153 margin-top: 20px;
154 } 154 }
155 155
156 .mt10 { 156 .mt10 {
157 margin-top: .833333rem; 157 margin-top: 10px;
158 } 158 }
159 159
160 .upload-item { 160 .upload-item {
...@@ -162,9 +162,9 @@ input { ...@@ -162,9 +162,9 @@ input {
162 .tip { 162 .tip {
163 color: $cOrange; 163 color: $cOrange;
164 font-size: 1rem; 164 font-size: 1rem;
165 margin-top: .833333rem; 165 margin-top: 10px;
166 text-align: center; 166 text-align: center;
167 width: 8.333333rem; 167 width: 100px;
168 } 168 }
169 169
170 .tip:lang(zh) { 170 .tip:lang(zh) {
...@@ -172,43 +172,43 @@ input { ...@@ -172,43 +172,43 @@ input {
172 } 172 }
173 173
174 .upload-icon-1 { 174 .upload-icon-1 {
175 width: 8.333333rem; 175 width: 100px;
176 height: 8.333333rem; 176 height: 100px;
177 background: url("~@/assets/images/clarms/icon1.png"); 177 background: url("~@/assets/images/clarms/icon1.png");
178 background-size: 100% 100%; 178 background-size: 100% 100%;
179 } 179 }
180 180
181 .upload-icon-2 { 181 .upload-icon-2 {
182 width: 8.333333rem; 182 width: 100px;
183 height: 8.333333rem; 183 height: 100px;
184 background: url("~@/assets/images/clarms/icon2.png"); 184 background: url("~@/assets/images/clarms/icon2.png");
185 background-size: 100% 100%; 185 background-size: 100% 100%;
186 } 186 }
187 187
188 .upload-icon-3 { 188 .upload-icon-3 {
189 width: 8.333333rem; 189 width: 100px;
190 height: 8.333333rem; 190 height: 100px;
191 background: url("~@/assets/images/clarms/icon3.png"); 191 background: url("~@/assets/images/clarms/icon3.png");
192 background-size: 100% 100%; 192 background-size: 100% 100%;
193 } 193 }
194 194
195 .upload-icon-4 { 195 .upload-icon-4 {
196 width: 8.333333rem; 196 width: 100px;
197 height: 8.333333rem; 197 height: 100px;
198 background: url("~@/assets/images/clarms/icon4.png"); 198 background: url("~@/assets/images/clarms/icon4.png");
199 background-size: 100% 100%; 199 background-size: 100% 100%;
200 } 200 }
201 201
202 .upload-icon-5 { 202 .upload-icon-5 {
203 width: 8.333333rem; 203 width: 100px;
204 height: 8.333333rem; 204 height: 100px;
205 background: url("~@/assets/images/clarms/icon5.png"); 205 background: url("~@/assets/images/clarms/icon5.png");
206 background-size: 100% 100%; 206 background-size: 100% 100%;
207 } 207 }
208 } 208 }
209 209
210 .bottom-tip { 210 .bottom-tip {
211 font-size: .833333rem; 211 font-size: 10px;
212 display: flex; 212 display: flex;
213 align-items: center; 213 align-items: center;
214 214
...@@ -232,12 +232,12 @@ input { ...@@ -232,12 +232,12 @@ input {
232 align-items: center; 232 align-items: center;
233 233
234 img { 234 img {
235 width: .833333rem; 235 width: 10px;
236 } 236 }
237 237
238 span { 238 span {
239 font-size: 1rem; 239 font-size: 1rem;
240 margin-left: .833333rem; 240 margin-left: 10px;
241 color: $cOrange; 241 color: $cOrange;
242 } 242 }
243 } 243 }
...@@ -257,7 +257,7 @@ input { ...@@ -257,7 +257,7 @@ input {
257 flex-wrap: wrap; 257 flex-wrap: wrap;
258 258
259 &-name { 259 &-name {
260 font-size: 1.333333rem; 260 font-size: 16px;
261 font-weight: 600; 261 font-weight: 600;
262 text-align: left; 262 text-align: left;
263 color: $cOrange; 263 color: $cOrange;
...@@ -267,10 +267,10 @@ input { ...@@ -267,10 +267,10 @@ input {
267 .ipt-date { 267 .ipt-date {
268 width: 100%; 268 width: 100%;
269 border: 1px solid $cOrange !important; 269 border: 1px solid $cOrange !important;
270 border-radius: .416667rem; 270 border-radius: 5px;
271 height: 3rem; 271 height: 3rem;
272 align-items: center; 272 align-items: center;
273 padding-left: .833333rem; 273 padding-left: 10px;
274 } 274 }
275 275
276 &-item { 276 &-item {
...@@ -278,7 +278,7 @@ input { ...@@ -278,7 +278,7 @@ input {
278 display: flex; 278 display: flex;
279 justify-content: center; 279 justify-content: center;
280 padding: 0 $marginSmall; 280 padding: 0 $marginSmall;
281 margin-bottom: 1.333333rem; 281 margin-bottom: 16px;
282 282
283 .label { 283 .label {
284 display: flex; 284 display: flex;
...@@ -299,7 +299,7 @@ input { ...@@ -299,7 +299,7 @@ input {
299 // input和下拉 299 // input和下拉
300 .ipt { 300 .ipt {
301 border: 1px solid $cOrange !important; 301 border: 1px solid $cOrange !important;
302 border-radius: .416667rem; 302 border-radius: 5px;
303 height: 3rem; 303 height: 3rem;
304 display: flex; 304 display: flex;
305 align-items: center; 305 align-items: center;
...@@ -319,8 +319,8 @@ input { ...@@ -319,8 +319,8 @@ input {
319 right: 1.2rem; 319 right: 1.2rem;
320 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png'); 320 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
321 background-size: 100% 100%; 321 background-size: 100% 100%;
322 width: .633333rem; 322 width: 7.6px;
323 height: .433333rem; 323 height: 5.2px;
324 pointer-events: none; 324 pointer-events: none;
325 cursor: default; 325 cursor: default;
326 } 326 }
...@@ -348,7 +348,7 @@ input { ...@@ -348,7 +348,7 @@ input {
348 display: flex; 348 display: flex;
349 justify-content: flex-start; 349 justify-content: flex-start;
350 padding: 0 $marginSmall; 350 padding: 0 $marginSmall;
351 margin-bottom: 1.333333rem; 351 margin-bottom: 16px;
352 352
353 .label { 353 .label {
354 align-items: center; 354 align-items: center;
...@@ -378,7 +378,7 @@ input { ...@@ -378,7 +378,7 @@ input {
378 // input和下拉 378 // input和下拉
379 .ipt { 379 .ipt {
380 border: 1px solid $cOrange !important; 380 border: 1px solid $cOrange !important;
381 border-radius: .416667rem; 381 border-radius: 5px;
382 height: 3rem; 382 height: 3rem;
383 display: flex; 383 display: flex;
384 align-items: center; 384 align-items: center;
...@@ -391,7 +391,7 @@ input { ...@@ -391,7 +391,7 @@ input {
391 height: 3rem; 391 height: 3rem;
392 display: flex; 392 display: flex;
393 align-items: center; 393 align-items: center;
394 margin-bottom: .833333rem; 394 margin-bottom: 10px;
395 } 395 }
396 396
397 // 长文本 397 // 长文本
...@@ -408,8 +408,8 @@ input { ...@@ -408,8 +408,8 @@ input {
408 right: 1.2rem; 408 right: 1.2rem;
409 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png'); 409 background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
410 background-size: 100% 100%; 410 background-size: 100% 100%;
411 width: .633333rem; 411 width: 7.6px;
412 height: .433333rem; 412 height: 5.2px;
413 pointer-events: none; 413 pointer-events: none;
414 cursor: default; 414 cursor: default;
415 } 415 }
...@@ -430,7 +430,7 @@ input { ...@@ -430,7 +430,7 @@ input {
430 margin-bottom: 1rem; 430 margin-bottom: 1rem;
431 431
432 &-icon { 432 &-icon {
433 width: 1.166667rem; 433 width: 14px;
434 position: absolute; 434 position: absolute;
435 top: .6rem; 435 top: .6rem;
436 } 436 }
...@@ -449,7 +449,7 @@ input { ...@@ -449,7 +449,7 @@ input {
449 449
450 @media (max-width: 1000px) { 450 @media (max-width: 1000px) {
451 .reservation-container-2 { 451 .reservation-container-2 {
452 padding: 1.666667rem 2rem 2.833333rem 2rem; 452 padding: 20px 2rem 34px 2rem;
453 } 453 }
454 454
455 .form { 455 .form {
...@@ -475,7 +475,7 @@ input { ...@@ -475,7 +475,7 @@ input {
475 475
476 @media (max-width: 600px) { 476 @media (max-width: 600px) {
477 .reservation-container { 477 .reservation-container {
478 padding: 2.666667rem 2rem 2.833333rem 2rem; 478 padding: 32px 2rem 34px 2rem;
479 } 479 }
480 480
481 .form { 481 .form {
...@@ -531,6 +531,6 @@ input { ...@@ -531,6 +531,6 @@ input {
531 531
532 @media (max-width: 400px) { 532 @media (max-width: 400px) {
533 .reservation-container-2 { 533 .reservation-container-2 {
534 padding: 1.666667rem 1rem; 534 padding: 20px 1rem;
535 } 535 }
536 } 536 }
......
1 /**
2 * 页面描述:常用表格
3 */
4
5
1 import api from '@/api/api' 6 import api from '@/api/api'
2 import { 7 import {
3 httpGet, 8 httpGet,
......
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
3 .common-form-container {} 3 .common-form-container {}
4 4
5 .table { 5 .table {
6 $girdHei: 4.333333rem; 6 $girdHei: 52px;
7 text-align: center; 7 text-align: center;
8 8
9 &-header { 9 &-header {
10 @include border-top-radius(.666667rem); 10 @include border-top-radius(8px);
11 display: flex; 11 display: flex;
12 align-items: center; 12 align-items: center;
13 height: 3.25rem; 13 height: 3.25rem;
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 background-color: #f2f2f2; 25 background-color: #f2f2f2;
26 text-align: center; 26 text-align: center;
27 border: solid 1px #f2f2f2; 27 border: solid 1px #f2f2f2;
28 @include border-bottom-radius(.666667rem); 28 @include border-bottom-radius(8px);
29 $gridHei: 5.25rem; 29 $gridHei: 5.25rem;
30 30
31 &-item { 31 &-item {
......
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
5 } 5 }
6 6
7 .reservation-container { 7 .reservation-container {
8 border-radius: .666667rem; 8 border-radius: 8px;
9 border: solid .083333rem #f2f2f2; 9 border: solid 1px #f2f2f2;
10 background-color: #ffffff; 10 background-color: #ffffff;
11 padding: 2.666667rem 2.833333rem 2.833333rem 2rem; 11 padding: 32px 34px 34px 24px;
12 } 12 }
13 13
14 .form { 14 .form {
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 &-item { 18 &-item {
19 position: relative; 19 position: relative;
20 padding: 0 $marginSmall; 20 padding: 0 $marginSmall;
21 margin-bottom: 2.333333rem; 21 margin-bottom: 28px;
22 22
23 .label { 23 .label {
24 color: #f05a23; 24 color: #f05a23;
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
27 margin-bottom: .7rem; 27 margin-bottom: .7rem;
28 28
29 .icon { 29 .icon {
30 width: 2.166667rem; 30 width: 26px;
31 display: flex; 31 display: flex;
32 } 32 }
33 33
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 right: 2rem; 66 right: 2rem;
67 background-image: url('~@/assets/images/reservation/re-down-arrow.png'); 67 background-image: url('~@/assets/images/reservation/re-down-arrow.png');
68 width: 1rem; 68 width: 1rem;
69 height: .666667rem; 69 height: 8px;
70 pointer-events: none; 70 pointer-events: none;
71 cursor: default; 71 cursor: default;
72 } 72 }
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 } 135 }
136 136
137 .label { 137 .label {
138 // min-width: 8.833333rem; 138 // min-width: 100px;
139 } 139 }
140 140
141 .ipt-wrap { 141 .ipt-wrap {
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
165 } 165 }
166 166
167 .mt8 { 167 .mt8 {
168 margin-top: .666667rem; 168 margin-top: 8px;
169 margin-left: 10rem; 169 margin-left: 10rem;
170 } 170 }
171 } 171 }
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
175 175
176 .form2 { 176 .form2 {
177 .form-item { 177 .form-item {
178 // margin-right: 1.166667rem; 178 // margin-right: 14px;
179 179
180 &:last-child { 180 &:last-child {
181 margin-right: 0; 181 margin-right: 0;
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
195 195
196 &-icon { 196 &-icon {
197 position: absolute; 197 position: absolute;
198 width: 1.166667rem; 198 width: 14px;
199 top: .6rem; 199 top: .6rem;
200 } 200 }
201 } 201 }
...@@ -207,9 +207,9 @@ ...@@ -207,9 +207,9 @@
207 207
208 .submit-btn { 208 .submit-btn {
209 width: 13.583333rem; 209 width: 13.583333rem;
210 height: 4.083333rem; 210 height: 49px;
211 margin: 2.5rem auto 0; 211 margin: 2.5rem auto 0;
212 line-height: 4.083333rem; 212 line-height: 49px;
213 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); 213 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
214 background-blend-mode: soft-light, ; 214 background-blend-mode: soft-light, ;
215 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 215 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 color: $cOrange; 32 color: $cOrange;
33 font-size: $fontSizeTitle; 33 font-size: $fontSizeTitle;
34 font-weight: bold; 34 font-weight: bold;
35 height: 2.833333rem; 35 height: 34px;
36 36
37 .icon-wrap { 37 .icon-wrap {
38 margin-right: .75rem; 38 margin-right: .75rem;
......
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
26 .table-header { 26 .table-header {
27 // width: 64.166667rem; 27 // width: 64.166667rem;
28 height: 3.25rem; 28 height: 3.25rem;
29 border-top-left-radius: .666667rem; 29 border-top-left-radius: 8px;
30 border-top-right-radius: .666667rem; 30 border-top-right-radius: 8px;
31 background-color: #f2f2f2; 31 background-color: #f2f2f2;
32 display: flex; 32 display: flex;
33 align-items: center; 33 align-items: center;
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
51 transition: all 0.5s; 51 transition: all 0.5s;
52 cursor: pointer; 52 cursor: pointer;
53 width: 1rem; 53 width: 1rem;
54 height: .666667rem; 54 height: 8px;
55 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center; 55 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
56 background-size: 100% 100%; 56 background-size: 100% 100%;
57 } 57 }
...@@ -68,11 +68,11 @@ ...@@ -68,11 +68,11 @@
68 68
69 height: auto; 69 height: auto;
70 // display: inline-block; 70 // display: inline-block;
71 border-bottom-left-radius: .666667rem; 71 border-bottom-left-radius: 8px;
72 border-bottom-right-radius: .666667rem; 72 border-bottom-right-radius: 8px;
73 border-left: solid .083333rem #f2f2f2; 73 border-left: solid 1px #f2f2f2;
74 border-right: solid .083333rem #f2f2f2; 74 border-right: solid 1px #f2f2f2;
75 border-bottom: solid .083333rem #f2f2f2; 75 border-bottom: solid 1px #f2f2f2;
76 padding: 0 2.75rem; 76 padding: 0 2.75rem;
77 max-height: 41.666667rem; 77 max-height: 41.666667rem;
78 transition: max-height ease-out 0.3s !important; 78 transition: max-height ease-out 0.3s !important;
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
99 99
100 div:first-child{ 100 div:first-child{
101 text-align: left; 101 text-align: left;
102 min-width: 6.666667rem !important; 102 min-width: 80px !important;
103 } 103 }
104 } 104 }
105 105
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
109 109
110 .separator-v { 110 .separator-v {
111 height: 2.5rem; 111 height: 2.5rem;
112 width: .166667rem; 112 width: 2px;
113 background-color: #f2f2f2; 113 background-color: #f2f2f2;
114 margin: 0 .916667rem; 114 margin: 0 .916667rem;
115 } 115 }
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 border: solid 1px #f2f2f2; 57 border: solid 1px #f2f2f2;
58 background-color: #ffffff; 58 background-color: #ffffff;
59 min-height: 43.75rem; 59 min-height: 43.75rem;
60 @include border-bottom-radius(.666667rem); 60 @include border-bottom-radius(8px);
61 61
62 62
63 &-item { 63 &-item {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 2
3 .container { 3 .container {
4 @extend .bb; 4 @extend .bb;
5 padding: 1.833333rem 3rem 2.5rem 2.166667rem; 5 padding: 22px 36px 30px 26px;
6 6
7 } 7 }
8 8
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 18
19 &-item { 19 &-item {
20 position: relative; 20 position: relative;
21 margin-bottom: 2.333333rem; 21 margin-bottom: 28px;
22 width: 100%; 22 width: 100%;
23 23
24 &:last-child { 24 &:last-child {
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 margin-bottom: .7rem; 32 margin-bottom: .7rem;
33 33
34 .icon { 34 .icon {
35 width: 2.166667rem; 35 width: 26px;
36 display: flex; 36 display: flex;
37 } 37 }
38 38
...@@ -57,11 +57,11 @@ ...@@ -57,11 +57,11 @@
57 } 57 }
58 58
59 .name-ipt { 59 .name-ipt {
60 width: 13.666667rem; 60 width: 164px;
61 } 61 }
62 62
63 .phone-ipt { 63 .phone-ipt {
64 width: 13.666667rem; 64 width: 164px;
65 } 65 }
66 66
67 .mail-ipt {} 67 .mail-ipt {}
...@@ -80,15 +80,15 @@ ...@@ -80,15 +80,15 @@
80 right: 2rem; 80 right: 2rem;
81 background-image: url('~@/assets/images/reservation/re-down-arrow.png'); 81 background-image: url('~@/assets/images/reservation/re-down-arrow.png');
82 width: 1rem; 82 width: 1rem;
83 height: .666667rem; 83 height: 8px;
84 pointer-events: none; 84 pointer-events: none;
85 cursor: default; 85 cursor: default;
86 } 86 }
87 87
88 .check-icon { 88 .check-icon {
89 display: inline-block; 89 display: inline-block;
90 margin-left: 2.166667rem; 90 margin-left: 26px;
91 margin-right: .666667rem; 91 margin-right: 8px;
92 } 92 }
93 } 93 }
94 94
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
96 color: $cOrange; 96 color: $cOrange;
97 margin-top: 0.5rem; 97 margin-top: 0.5rem;
98 position: absolute; 98 position: absolute;
99 right: 16rem; 99 right: 192px;
100 display: flex; 100 display: flex;
101 align-items: center; 101 align-items: center;
102 // bottom: 0; 102 // bottom: 0;
...@@ -112,9 +112,9 @@ ...@@ -112,9 +112,9 @@
112 112
113 .submit-btn { 113 .submit-btn {
114 width: 13.583333rem; 114 width: 13.583333rem;
115 height: 4.083333rem; 115 height: 49px;
116 margin: 0 auto 0; 116 margin: 0 auto 0;
117 line-height: 4.083333rem; 117 line-height: 49px;
118 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); 118 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
119 background-blend-mode: soft-light, ; 119 background-blend-mode: soft-light, ;
120 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 120 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
......
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
3 .common-form-container {} 3 .common-form-container {}
4 4
5 .table { 5 .table {
6 $girdHei: 4.333333rem; 6 $girdHei: 52px;
7 text-align: center; 7 text-align: center;
8 8
9 &-header { 9 &-header {
10 @include border-top-radius(.666667rem); 10 @include border-top-radius(8px);
11 display: flex; 11 display: flex;
12 align-items: center; 12 align-items: center;
13 height: 3.25rem; 13 height: 3.25rem;
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
26 color: $cFontGray; 26 color: $cFontGray;
27 text-align: center; 27 text-align: center;
28 border: solid 1px #f2f2f2; 28 border: solid 1px #f2f2f2;
29 @include border-bottom-radius(.666667rem); 29 @include border-bottom-radius(8px);
30 $gridHei: 4.333333rem; 30 $gridHei: 52px;
31 31
32 &-item { 32 &-item {
33 position: relative; 33 position: relative;
......
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
13 } 13 }
14 14
15 .table { 15 .table {
16 $girdHei: 4.333333rem; 16 $girdHei: 52px;
17 text-align: center; 17 text-align: center;
18 18
19 &-header { 19 &-header {
20 @include border-top-radius(.666667rem); 20 @include border-top-radius(8px);
21 display: flex; 21 display: flex;
22 align-items: center; 22 align-items: center;
23 height: 3.25rem; 23 height: 3.25rem;
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 42
43 &-item { 43 &-item {
44 position: relative; 44 position: relative;
45 margin-bottom: 2.333333rem; 45 margin-bottom: 28px;
46 padding: 0 1.25rem; 46 padding: 0 1.25rem;
47 height: auto; 47 height: auto;
48 48
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 } 66 }
67 67
68 .icon { 68 .icon {
69 width: 2.166667rem; 69 width: 26px;
70 display: flex; 70 display: flex;
71 } 71 }
72 72
...@@ -164,9 +164,9 @@ ...@@ -164,9 +164,9 @@
164 164
165 .submit-btn { 165 .submit-btn {
166 width: 13.583333rem; 166 width: 13.583333rem;
167 height: 4.083333rem; 167 height: 49px;
168 margin: 0 auto 0; 168 margin: 0 auto 0;
169 line-height: 4.083333rem; 169 line-height: 49px;
170 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); 170 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
171 background-blend-mode: soft-light, ; 171 background-blend-mode: soft-light, ;
172 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 172 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 transition: all 0.5s; 34 transition: all 0.5s;
35 cursor: pointer; 35 cursor: pointer;
36 width: 1rem; 36 width: 1rem;
37 height: .666667rem; 37 height: 8px;
38 background: url("~@/assets/images/insurance-query/triangle-down2.png") no-repeat center center; 38 background: url("~@/assets/images/insurance-query/triangle-down2.png") no-repeat center center;
39 background-size: 100% 100%; 39 background-size: 100% 100%;
40 top: 16px; 40 top: 16px;
...@@ -72,8 +72,8 @@ ...@@ -72,8 +72,8 @@
72 .table-header { 72 .table-header {
73 // width: 64.166667rem; 73 // width: 64.166667rem;
74 height: 3.25rem; 74 height: 3.25rem;
75 border-top-left-radius: .666667rem; 75 border-top-left-radius: 8px;
76 border-top-right-radius: .666667rem; 76 border-top-right-radius: 8px;
77 background-color: #f2f2f2; 77 background-color: #f2f2f2;
78 display: flex; 78 display: flex;
79 align-items: center; 79 align-items: center;
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
97 transition: all 0.5s; 97 transition: all 0.5s;
98 cursor: pointer; 98 cursor: pointer;
99 width: 1rem; 99 width: 1rem;
100 height: .666667rem; 100 height: 8px;
101 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center; 101 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
102 background-size: 100% 100%; 102 background-size: 100% 100%;
103 } 103 }
...@@ -115,11 +115,11 @@ ...@@ -115,11 +115,11 @@
115 height: auto; 115 height: auto;
116 max-height: 50rem; 116 max-height: 50rem;
117 // display: inline-block; 117 // display: inline-block;
118 border-bottom-left-radius: .666667rem; 118 border-bottom-left-radius: 8px;
119 border-bottom-right-radius: .666667rem; 119 border-bottom-right-radius: 8px;
120 border-left: solid .083333rem #f2f2f2; 120 border-left: solid 1px #f2f2f2;
121 border-right: solid .083333rem #f2f2f2; 121 border-right: solid 1px #f2f2f2;
122 border-bottom: solid .083333rem #f2f2f2; 122 border-bottom: solid 1px #f2f2f2;
123 padding: 0 2.75rem; 123 padding: 0 2.75rem;
124 // max-height: 41.666667rem; 124 // max-height: 41.666667rem;
125 transition: max-height ease-out 0.3s !important; 125 transition: max-height ease-out 0.3s !important;
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
150 150
151 .separator-v { 151 .separator-v {
152 height: 2.5rem; 152 height: 2.5rem;
153 width: .166667rem; 153 width: 2px;
154 background-color: #f2f2f2; 154 background-color: #f2f2f2;
155 margin: 0 .916667rem; 155 margin: 0 .916667rem;
156 } 156 }
......
...@@ -10,10 +10,10 @@ input { ...@@ -10,10 +10,10 @@ input {
10 10
11 .reservation-container { 11 .reservation-container {
12 @extend .bb; 12 @extend .bb;
13 border-radius: .666667rem; 13 border-radius: 8px;
14 border: solid .083333rem #f2f2f2; 14 border: solid 1px #f2f2f2;
15 background-color: #ffffff; 15 background-color: #ffffff;
16 padding: 2.666667rem 2.833333rem 2.833333rem 2rem; 16 padding: 32px 34px 34px 2rem;
17 } 17 }
18 18
19 .form { 19 .form {
...@@ -24,7 +24,7 @@ input { ...@@ -24,7 +24,7 @@ input {
24 &-item { 24 &-item {
25 position: relative; 25 position: relative;
26 padding: 0 $marginSmall; 26 padding: 0 $marginSmall;
27 margin-bottom: 2.333333rem; 27 margin-bottom: 28px;
28 28
29 .label { 29 .label {
30 color: $cOrange; 30 color: $cOrange;
...@@ -33,7 +33,7 @@ input { ...@@ -33,7 +33,7 @@ input {
33 margin-bottom: .7rem; 33 margin-bottom: .7rem;
34 34
35 .icon { 35 .icon {
36 width: 2.166667rem; 36 width: 26px;
37 display: flex; 37 display: flex;
38 } 38 }
39 39
...@@ -62,7 +62,7 @@ input { ...@@ -62,7 +62,7 @@ input {
62 right: 2rem; 62 right: 2rem;
63 background-image: url('~@/assets/images/reservation/re-down-arrow.png'); 63 background-image: url('~@/assets/images/reservation/re-down-arrow.png');
64 width: 1rem; 64 width: 1rem;
65 height: .666667rem; 65 height: 8px;
66 pointer-events: none; 66 pointer-events: none;
67 cursor: default; 67 cursor: default;
68 } 68 }
...@@ -154,7 +154,7 @@ input { ...@@ -154,7 +154,7 @@ input {
154 } 154 }
155 155
156 .mt8 { 156 .mt8 {
157 margin-top: .666667rem; 157 margin-top: 8px;
158 margin-left: 10rem; 158 margin-left: 10rem;
159 } 159 }
160 } 160 }
...@@ -172,7 +172,7 @@ input { ...@@ -172,7 +172,7 @@ input {
172 margin-bottom: 1rem; 172 margin-bottom: 1rem;
173 173
174 &-icon { 174 &-icon {
175 width: 1.166667rem; 175 width: 14px;
176 position: absolute; 176 position: absolute;
177 top: .6rem; 177 top: .6rem;
178 } 178 }
...@@ -185,9 +185,9 @@ input { ...@@ -185,9 +185,9 @@ input {
185 185
186 .submit-btn { 186 .submit-btn {
187 width: 13.583333rem; 187 width: 13.583333rem;
188 height: 4.083333rem; 188 height: 49px;
189 margin: 2.5rem auto; 189 margin: 2.5rem auto;
190 line-height: 4.083333rem; 190 line-height: 49px;
191 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); 191 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
192 background-blend-mode: soft-light, ; 192 background-blend-mode: soft-light, ;
193 background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff); 193 background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
......
...@@ -2,19 +2,19 @@ ...@@ -2,19 +2,19 @@
2 2
3 .content { 3 .content {
4 display: flex; 4 display: flex;
5 margin: 2.333333rem auto; 5 margin: 28px auto;
6 position: relative; 6 position: relative;
7 7
8 } 8 }
9 9
10 .left-panel { 10 .left-panel {
11 width: 16rem; 11 width: 192px;
12 margin-right: $marginMedium; 12 margin-right: $marginMedium;
13 13
14 .separator { 14 .separator {
15 margin: auto; 15 margin: auto;
16 width: 13.25rem; 16 width: 13.25rem;
17 height: .083333rem; 17 height: 1px;
18 background-color: #dcdddd; 18 background-color: #dcdddd;
19 } 19 }
20 20
...@@ -34,16 +34,19 @@ ...@@ -34,16 +34,19 @@
34 margin-left: 1.25rem; 34 margin-left: 1.25rem;
35 35
36 .icon-wrap { 36 .icon-wrap {
37 @extend .fcc; 37 @extend .bb;
38 width: 4rem; 38 padding-left: 0px;
39 width: 42px;
39 40
40 .icon {} 41 .icon {
42 max-height: 28px;
43 }
41 } 44 }
42 45
43 .tit { 46 .tit {
44 flex: 1; 47 flex: 1;
45 @extend .bb; 48 @extend .bb;
46 padding: 0 .333333rem; 49 padding: 0 4px;
47 text-align: left; 50 text-align: left;
48 51
49 } 52 }
...@@ -95,7 +98,7 @@ ...@@ -95,7 +98,7 @@
95 } 98 }
96 99
97 .empty-line { 100 .empty-line {
98 height: 1.333333rem; 101 height: 16px;
99 } 102 }
100 103
101 104
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 12
13 <!-- 主列表 --> 13 <!-- 主列表 -->
14 <template v-else> 14 <template v-else>
15 <div v-for="(item,index) in 8" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))"> 15 <div v-for="(item,index) in 10" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))">
16 <div class="icon-wrap"> 16 <div class="icon-wrap">
17 <img class="icon" :src="require('@/assets/images/insurance-query/m'+(index+1) + (activity == 'm' + (index+1) ?'':'-unselect') +'.png')"> 17 <img class="icon" :src="require('@/assets/images/insurance-query/m'+(index+1) + (activity == 'm' + (index+1) ?'':'-unselect') +'.png')">
18 </div> 18 </div>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 10
11 .validator { 11 .validator {
12 .icon { 12 .icon {
13 margin-right: .833333rem; 13 margin-right: 10px;
14 } 14 }
15 } 15 }
16 16
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
155 } 155 }
156 156
157 input { 157 input {
158 font-size: 1.166667rem; 158 font-size: 14px;
159 } 159 }
160 160
161 input:lang(zh) { 161 input:lang(zh) {
......
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
180 @extend .fcc; 180 @extend .fcc;
181 @extend .bb; 181 @extend .bb;
182 @include ellipsis(14); 182 @include ellipsis(14);
183 padding-left: 2.166667rem; 183 padding-left: 26px;
184 flex: 1; 184 flex: 1;
185 line-height: 2.3; 185 line-height: 2.3;
186 186
......
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
142 142
143 .authTip { 143 .authTip {
144 .icon { 144 .icon {
145 margin-right : .833333rem; 145 margin-right : 10px;
146 } 146 }
147 } 147 }
148 148
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 } 163 }
164 164
165 input { 165 input {
166 font-size: 1.166667rem; 166 font-size: 14px;
167 } 167 }
168 168
169 input:lang(zh) { 169 input:lang(zh) {
......
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
147 } 147 }
148 148
149 input { 149 input {
150 font-size: 1.166667rem; 150 font-size: 14px;
151 } 151 }
152 152
153 input:lang(zh) { 153 input:lang(zh) {
......
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 } 148 }
149 149
150 input { 150 input {
151 font-size: 1.166667rem; 151 font-size: 14px;
152 } 152 }
153 153
154 input:lang(zh) { 154 input:lang(zh) {
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 .btn-position { 19 .btn-position {
20 position: absolute; 20 position: absolute;
21 top: 27.2rem; 21 top: 27.2rem;
22 left: 2.833333rem; 22 left: 34px;
23 cursor: pointer; 23 cursor: pointer;
24 } 24 }
25 25
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 display: inline-block; 37 display: inline-block;
38 line-height: 4.166667rem; 38 line-height: 4.166667rem;
39 text-align: center; 39 text-align: center;
40 border-radius: .416667rem; 40 border-radius: 5px;
41 font-size: 1.666667rem; 41 font-size: 20px;
42 } 42 }
43 } 43 }
44 44
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
64 height: 3rem; 64 height: 3rem;
65 line-height: 3rem; 65 line-height: 3rem;
66 text-align: center; 66 text-align: center;
67 font-size: 1.166667rem; 67 font-size: 14px;
68 color: #666666; 68 color: #666666;
69 background: #ffffff; 69 background: #ffffff;
70 cursor: pointer; 70 cursor: pointer;
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
78 width: 0; 78 width: 0;
79 height: 0; 79 height: 0;
80 margin: auto; 80 margin: auto;
81 border: .833333rem solid #FF5700; 81 border: 10px solid #FF5700;
82 border-bottom-color: transparent; 82 border-bottom-color: transparent;
83 border-left-color: transparent; 83 border-left-color: transparent;
84 border-right-color: transparent; 84 border-right-color: transparent;
...@@ -87,9 +87,9 @@ ...@@ -87,9 +87,9 @@
87 87
88 i { 88 i {
89 display: inline-block; 89 display: inline-block;
90 width: 1.666667rem; 90 width: 20px;
91 height: 1.666667rem; 91 height: 20px;
92 margin-right: .666667rem; 92 margin-right: 8px;
93 vertical-align: middle; 93 vertical-align: middle;
94 } 94 }
95 95
......
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 right: 2rem; 70 right: 2rem;
71 background-image: url('~@/assets/images/common/down-arrow.png'); 71 background-image: url('~@/assets/images/common/down-arrow.png');
72 width: 1rem; 72 width: 1rem;
73 height: .666667rem; 73 height: 8px;
74 pointer-events: none; 74 pointer-events: none;
75 cursor: default; 75 cursor: default;
76 } 76 }
......