Skip to content

dev / pingan-life-index-pro

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

默认提交

1 parent bc5307fa
Expand all
Inline Side-by-side
Showing 3 changed files with 41 additions and 24 deletions
...@@ -20,59 +20,75 @@ ...@@ -20,59 +20,75 @@
20 background: rgba($color: #000000, $alpha: 0.7); 20 background: rgba($color: #000000, $alpha: 0.7);
21 } 21 }
22 22
23 strong {
24 font-weight: bold;
25 // font-family: Verdana;
26 }
27
28
29 li{
30 list-style: none;
31 }
32
33 ul{
34 li{
35 font-size: $articleSmall;
36 }
37 }
38
23 .modal { 39 .modal {
24 position: relative; 40 position: relative;
25 width: 60rem; 41 width: 720px;
26 min-height: 18.25rem; 42 min-height: 222px;
27 border-radius: $borderRadius; 43 border-radius: $borderRadius;
28 background-color: #ffffff; 44 background-color: #ffffff;
29 height: 70vh; 45 // height: 70vh;
30 46
31 &-title { 47 &-title {
32 position: relative; 48 position: relative;
33 @extend .bb; 49 @extend .bb;
34 @include border-top-radius($borderRadius); 50 @include border-top-radius($borderRadius);
35 @include ellipsis(1); 51 @include ellipsis(1);
36 font-size: $fontSizeTitle; 52 font-size: $articleStrong;
37 height: 5rem; 53 font-weight: bold;
38 line-height: 5rem; 54 height: 60px;
55 line-height: 60px;
39 background-color: #f2f2f2; 56 background-color: #f2f2f2;
40 text-align: left; 57 text-align: left;
41 padding: 0 2.75rem; 58 padding: 0 44px;
42 59
43 .close-btn { 60 .close-btn {
44 position: absolute; 61 position: absolute;
45 top: 2rem; 62 top: 24px;
46 right: 2rem; 63 right: 24px;
47 } 64 }
48 } 65 }
49 66
50 &-icon-wrap { 67 &-icon-wrap {
51 @extend .fcc; 68 @extend .fcc;
52 height: 12rem; 69 height: 144px;
53 } 70 }
54 71
55 &-content { 72 &-content {
56 position: relative; 73 position: relative;
57 @extend .bb; 74 @extend .bb;
58 font-size: $fontSize; 75 font-size: $articleNormal;
59 padding: $marginMedium-M 1rem $marginMedium-M 2rem; 76 padding: 24px 24px 24px 44px;
60 height: 62vh; 77 height: 72vh;
61 78
62 &-desc { 79 &-desc {
80 @extend .bb;
81 padding-right: 24px;
82 padding-top: 20px;
83 padding-bottom: 12px;
63 text-align: left; 84 text-align: left;
64 height: 100%; 85 height: 100%;
65 overflow-y: scroll; 86 overflow-y: scroll;
66 line-height: 2; 87 line-height: 1.42;
67 padding-right: 16px;
68
69 .t1 {
70 font-weight: bold;
71 }
72 } 88 }
73 89
74 &-desc :lang(zh) { 90 &-desc :lang(zh) {
75 letter-spacing: 1.2px; 91 letter-spacing: 2.15px;
76 } 92 }
77 } 93 }
78 94
...@@ -81,8 +97,8 @@ ...@@ -81,8 +97,8 @@
81 justify-content: center; 97 justify-content: center;
82 98
83 .btn { 99 .btn {
84 @include btc2(12rem, 3.6rem, 16px); 100 @include btc2(144px, 44px, 16px);
85 margin: 3rem 1rem 0; 101 margin: 36px 12px 0;
86 @extend .pointer; 102 @extend .pointer;
87 } 103 }
88 } 104 }
...@@ -92,6 +108,7 @@ ...@@ -92,6 +108,7 @@
92 display: none; 108 display: none;
93 } 109 }
94 110
111
95 @media (max-width: 1200px) { 112 @media (max-width: 1200px) {
96 .comp { 113 .comp {
97 position: fixed; 114 position: fixed;
......
...@@ -51,8 +51,8 @@ $cFontGray3: #666666; ...@@ -51,8 +51,8 @@ $cFontGray3: #666666;
51 $articleWidth:1040px; 51 $articleWidth:1040px;
52 $articleTitleLarge:36.5px; 52 $articleTitleLarge:36.5px;
53 $articleStrong:24px; 53 $articleStrong:24px;
54 $articleNormal:21.5px; 54 $articleNormal:22px;
55 $articleSmall:17.5px; 55 $articleSmall:18px;
56 56
57 // 移动端 57 // 移动端
58 $marginSmall-M: 10px; // 小间距 58 $marginSmall-M: 10px; // 小间距
......