默认提交
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