修改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