修改border-radius角度
Showing
8 changed files
with
20 additions
and
19 deletions
| ... | @@ -28,14 +28,14 @@ | ... | @@ -28,14 +28,14 @@ | 
| 28 | @extend .fcc; | 28 | @extend .fcc; | 
| 29 | padding: 2px; | 29 | padding: 2px; | 
| 30 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 30 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 
| 31 | border-radius: 16px; | 31 | border-radius: 20px; | 
| 32 | } | 32 | } | 
| 33 | 33 | ||
| 34 | .modal { | 34 | .modal { | 
| 35 | position: relative; | 35 | position: relative; | 
| 36 | @extend .bb; | 36 | @extend .bb; | 
| 37 | max-width: 1000px; | 37 | max-width: 1000px; | 
| 38 | border-radius: 16px; | 38 | border-radius: 20px; | 
| 39 | background-color: #ffffff; | 39 | background-color: #ffffff; | 
| 40 | 40 | ||
| 41 | .content { | 41 | .content { | ... | ... | 
| ... | @@ -27,14 +27,14 @@ | ... | @@ -27,14 +27,14 @@ | 
| 27 | @extend .fcc; | 27 | @extend .fcc; | 
| 28 | padding: 2px; | 28 | padding: 2px; | 
| 29 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 29 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 
| 30 | border-radius: 16px; | 30 | border-radius: 20px; | 
| 31 | } | 31 | } | 
| 32 | 32 | ||
| 33 | .modal { | 33 | .modal { | 
| 34 | position: relative; | 34 | position: relative; | 
| 35 | @extend .bb; | 35 | @extend .bb; | 
| 36 | max-width: 1000px; | 36 | max-width: 1000px; | 
| 37 | border-radius: 16px; | 37 | border-radius: 20px; | 
| 38 | background-color: #ffffff; | 38 | background-color: #ffffff; | 
| 39 | 39 | ||
| 40 | .content { | 40 | .content { | ... | ... | 
| 1 | @import '@/styles/_support'; | 1 | @import '@/styles/_support'; | 
| 2 | 2 | ||
| 3 | $borderRadius:6px; | ||
| 4 | |||
| 3 | .comp { | 5 | .comp { | 
| 4 | font-size: 22px; | 6 | font-size: 22px; | 
| 5 | } | 7 | } | 
| 6 | 8 | ||
| 7 | |||
| 8 | .orange { | 9 | .orange { | 
| 9 | // color: $cOrange; | 10 | // color: $cOrange; | 
| 10 | color: #ff6839; | 11 | color: #ff6839; | 
| ... | @@ -14,7 +15,6 @@ | ... | @@ -14,7 +15,6 @@ | 
| 14 | color: #747474; | 15 | color: #747474; | 
| 15 | } | 16 | } | 
| 16 | 17 | ||
| 17 | $borderRadius:8px; | ||
| 18 | 18 | ||
| 19 | .submit-btn { | 19 | .submit-btn { | 
| 20 | background: url("~@assets/images/vhis/vhis-btn.png"); | 20 | background: url("~@assets/images/vhis/vhis-btn.png"); | ... | ... | 
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ | 
| 34 | @extend .fcc; | 34 | @extend .fcc; | 
| 35 | padding: 2px; | 35 | padding: 2px; | 
| 36 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 36 | background-image: linear-gradient(to right, #ffb31d, #f15907); | 
| 37 | border-radius: 16px; | 37 | border-radius: 20px; | 
| 38 | } | 38 | } | 
| 39 | 39 | ||
| 40 | .modal { | 40 | .modal { | 
| ... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ | 
| 42 | @extend .bb; | 42 | @extend .bb; | 
| 43 | width: 1200px; | 43 | width: 1200px; | 
| 44 | max-height: 84vh; | 44 | max-height: 84vh; | 
| 45 | border-radius: 16px; | 45 | border-radius: 20px; | 
| 46 | background-color: #ffffff; | 46 | background-color: #ffffff; | 
| 47 | padding: 88px 0; | 47 | padding: 88px 0; | 
| 48 | font-size: 22px; | 48 | font-size: 22px; | ... | ... | 
| 1 | @import '@/styles/_support'; | 1 | @import '@/styles/_support'; | 
| 2 | 2 | ||
| 3 | $borderSize:8px; | 3 | $borderSize:6px; | 
| 4 | 4 | ||
| 5 | .page { | 5 | .page { | 
| 6 | min-height: 480px; | 6 | min-height: 480px; | 
| ... | @@ -18,14 +18,13 @@ $borderSize:8px; | ... | @@ -18,14 +18,13 @@ $borderSize:8px; | 
| 18 | @extend .bb; | 18 | @extend .bb; | 
| 19 | @extend .fcc; | 19 | @extend .fcc; | 
| 20 | padding: 2px; | 20 | padding: 2px; | 
| 21 | border-radius: 16px; | 21 | border-radius: 20px; | 
| 22 | // min-height: 480px; | ||
| 23 | 22 | ||
| 24 | &-cont { | 23 | &-cont { | 
| 25 | width: 100%; | 24 | width: 100%; | 
| 26 | height: 100%; | 25 | height: 100%; | 
| 27 | background-color: #ffffff; | 26 | background-color: #ffffff; | 
| 28 | border-radius: 16px; | 27 | border-radius: 20px; | 
| 29 | } | 28 | } | 
| 30 | } | 29 | } | 
| 31 | 30 | ||
| ... | @@ -98,7 +97,7 @@ input { | ... | @@ -98,7 +97,7 @@ input { | 
| 98 | // border: solid 2px $cOrange; | 97 | // border: solid 2px $cOrange; | 
| 99 | // padding: 2.666667rem 10rem 2.833333rem 10rem; | 98 | // padding: 2.666667rem 10rem 2.833333rem 10rem; | 
| 100 | background-color: #ffffff; | 99 | background-color: #ffffff; | 
| 101 | border-radius: 16px; | 100 | border-radius: 20px; | 
| 102 | 101 | ||
| 103 | .title { | 102 | .title { | 
| 104 | font-size: 1.333333rem; | 103 | font-size: 1.333333rem; | 
| ... | @@ -143,7 +142,7 @@ input { | ... | @@ -143,7 +142,7 @@ input { | 
| 143 | .reservation-container-2 { | 142 | .reservation-container-2 { | 
| 144 | @extend .bb; | 143 | @extend .bb; | 
| 145 | background-color: #ffffff; | 144 | background-color: #ffffff; | 
| 146 | border-radius: 16px; | 145 | border-radius: 20px; | 
| 147 | 146 | ||
| 148 | .title { | 147 | .title { | 
| 149 | font-size: 1.333333rem; | 148 | font-size: 1.333333rem; | ... | ... | 
| 1 | @import '@/styles/_support'; | 1 | @import '@/styles/_support'; | 
| 2 | 2 | ||
| 3 | $borderSize: 6px; | ||
| 4 | |||
| 3 | .page { | 5 | .page { | 
| 4 | color: $cFontGray2; | 6 | color: $cFontGray2; | 
| 5 | } | 7 | } | 
| ... | @@ -96,7 +98,7 @@ | ... | @@ -96,7 +98,7 @@ | 
| 96 | } | 98 | } | 
| 97 | 99 | ||
| 98 | .banner-tips { | 100 | .banner-tips { | 
| 99 | $borderSize: 8px; | 101 | |
| 100 | position: absolute; | 102 | position: absolute; | 
| 101 | z-index: 2; | 103 | z-index: 2; | 
| 102 | width: 422px; | 104 | width: 422px; | 
| ... | @@ -418,7 +420,7 @@ | ... | @@ -418,7 +420,7 @@ | 
| 418 | height: 67px; | 420 | height: 67px; | 
| 419 | line-height: 67px; | 421 | line-height: 67px; | 
| 420 | padding: 2px; | 422 | padding: 2px; | 
| 421 | border-radius: 2px; | 423 | border-radius: $borderSize; | 
| 422 | cursor: pointer; | 424 | cursor: pointer; | 
| 423 | 425 | ||
| 424 | .cont { | 426 | .cont { | 
| ... | @@ -433,7 +435,7 @@ | ... | @@ -433,7 +435,7 @@ | 
| 433 | background-color: #ffffff; | 435 | background-color: #ffffff; | 
| 434 | font-size: 22px; | 436 | font-size: 22px; | 
| 435 | font-weight: bold; | 437 | font-weight: bold; | 
| 436 | border-radius: 2px; | 438 | border-radius: $borderSize; | 
| 437 | 439 | ||
| 438 | .icon { | 440 | .icon { | 
| 439 | height: 47px; | 441 | height: 47px; | ... | ... | 
- 
Please register or sign in to post a comment