默认提交
Showing
2 changed files
with
32 additions
and
12 deletions
... | @@ -46,7 +46,7 @@ $borderRadius:6px; | ... | @@ -46,7 +46,7 @@ $borderRadius:6px; |
46 | overflow-y: auto; | 46 | overflow-y: auto; |
47 | color: $cFontGray2; | 47 | color: $cFontGray2; |
48 | 48 | ||
49 | .content { | 49 | .modal-content { |
50 | max-width: 800px; | 50 | max-width: 800px; |
51 | margin: 0 auto; | 51 | margin: 0 auto; |
52 | } | 52 | } |
... | @@ -59,7 +59,7 @@ $borderRadius:6px; | ... | @@ -59,7 +59,7 @@ $borderRadius:6px; |
59 | 59 | ||
60 | .form { | 60 | .form { |
61 | @extend .bb; | 61 | @extend .bb; |
62 | padding-left: 92px; | 62 | padding: 0 92px 0 92px; |
63 | margin: 50px auto 0; | 63 | margin: 50px auto 0; |
64 | 64 | ||
65 | &-item { | 65 | &-item { |
... | @@ -77,16 +77,18 @@ $borderRadius:6px; | ... | @@ -77,16 +77,18 @@ $borderRadius:6px; |
77 | font-size: 22px; | 77 | font-size: 22px; |
78 | display: flex; | 78 | display: flex; |
79 | 79 | ||
80 | .check{ | 80 | .check { |
81 | cursor: pointer; | 81 | cursor: pointer; |
82 | margin-top: 10px; | 82 | margin-top: 7px; |
83 | margin-right: 12px; | 83 | margin-right: 12px; |
84 | } | ||
85 | |||
86 | .desc{ | ||
87 | 84 | ||
85 | img { | ||
86 | height: 24px; | ||
87 | } | ||
88 | } | 88 | } |
89 | 89 | ||
90 | .desc {} | ||
91 | |||
90 | span { | 92 | span { |
91 | font-size: 22px; | 93 | font-size: 22px; |
92 | } | 94 | } |
... | @@ -288,6 +290,7 @@ $borderRadius:6px; | ... | @@ -288,6 +290,7 @@ $borderRadius:6px; |
288 | width: 90%; | 290 | width: 90%; |
289 | 291 | ||
290 | .modal { | 292 | .modal { |
293 | width: auto; | ||
291 | padding: 80px 20px; | 294 | padding: 80px 20px; |
292 | } | 295 | } |
293 | } | 296 | } |
... | @@ -302,7 +305,6 @@ $borderRadius:6px; | ... | @@ -302,7 +305,6 @@ $borderRadius:6px; |
302 | padding: 80px 20px; | 305 | padding: 80px 20px; |
303 | 306 | ||
304 | .statement { | 307 | .statement { |
305 | // padding-left: 0; | ||
306 | padding: 0; | 308 | padding: 0; |
307 | } | 309 | } |
308 | 310 | ||
... | @@ -336,6 +338,12 @@ $borderRadius:6px; | ... | @@ -336,6 +338,12 @@ $borderRadius:6px; |
336 | 338 | ||
337 | .form { | 339 | .form { |
338 | margin: 24px auto 0; | 340 | margin: 24px auto 0; |
341 | padding: 0; | ||
342 | |||
343 | &-item { | ||
344 | display: block; | ||
345 | margin-bottom: 8px; | ||
346 | } | ||
339 | 347 | ||
340 | .value { | 348 | .value { |
341 | span { | 349 | span { |
... | @@ -346,8 +354,16 @@ $borderRadius:6px; | ... | @@ -346,8 +354,16 @@ $borderRadius:6px; |
346 | 354 | ||
347 | .bottom-wrap { | 355 | .bottom-wrap { |
348 | margin: 24px auto 0; | 356 | margin: 24px auto 0; |
357 | padding-bottom: 12px; | ||
349 | 358 | ||
350 | .notice { | 359 | .notice { |
360 | font-size: 18px; | ||
361 | |||
362 | .check { | ||
363 | img { | ||
364 | height: 18px; | ||
365 | } | ||
366 | } | ||
351 | 367 | ||
352 | span { | 368 | span { |
353 | font-size: 18px; | 369 | font-size: 18px; |
... | @@ -380,13 +396,17 @@ $borderRadius:6px; | ... | @@ -380,13 +396,17 @@ $borderRadius:6px; |
380 | height: 52px; | 396 | height: 52px; |
381 | line-height: 52px; | 397 | line-height: 52px; |
382 | 398 | ||
399 | .cont { | ||
400 | padding: 0; | ||
401 | font-size: $fontSize-M2; | ||
402 | } | ||
403 | |||
383 | .icon { | 404 | .icon { |
384 | height: 32px; | 405 | height: 32px; |
385 | margin-right: 24px; | 406 | margin-right: 24px; |
407 | margin-left: 48px; | ||
386 | } | 408 | } |
387 | } | 409 | } |
388 | |||
389 | |||
390 | } | 410 | } |
391 | 411 | ||
392 | .line1 { | 412 | .line1 { | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <div class="border"> | 6 | <div class="border"> |
7 | <!-- <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> --> | 7 | <!-- <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> --> |
8 | <div class="modal"> | 8 | <div class="modal"> |
9 | <div class="content"> | 9 | <div class="modal-content"> |
10 | <div class="title">{{$t('vhis.title')}}{{$t('vhis.titleAft')}}</div> | 10 | <div class="title">{{$t('vhis.title')}}{{$t('vhis.titleAft')}}</div> |
11 | <div class="statement"> | 11 | <div class="statement"> |
12 | <div class="desc orange" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc1')}}</div> | 12 | <div class="desc orange" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc1')}}</div> |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | </div> --> | 102 | </div> --> |
103 | <div class="notice"> | 103 | <div class="notice"> |
104 | <div class="check" @click="onCheckHandler"> | 104 | <div class="check" @click="onCheckHandler"> |
105 | <img class="notice-item-icon" :src="require('@/assets/images/login/'+(checked?'check':'uncheck')+'.png')"> | 105 | <img class="notice-item-icon" :src="require('@/assets/images/clarms/'+(checked?'checked':'uncheck')+'.png')"> |
106 | </div> | 106 | </div> |
107 | <div class="desc">{{$t('vhis.notice')}}</div> | 107 | <div class="desc">{{$t('vhis.notice')}}</div> |
108 | </div> | 108 | </div> | ... | ... |
-
Please register or sign in to post a comment