Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
94f6f602 by simon
Options

默认提交

1 parent b3b80497
Expand all
Inline Side-by-side
Showing 9 changed files with 113 additions and 39 deletions
...@@ -6,7 +6,7 @@ node_modules ...@@ -6,7 +6,7 @@ node_modules
6 .DS_Store 6 .DS_Store
7 sync.sh 7 sync.sh
8 git.sh 8 git.sh
9 # /sandbox 9 /sandbox
10 10
11 # local env files 11 # local env files
12 .env.local 12 .env.local
......
...@@ -67,20 +67,20 @@ export default { ...@@ -67,20 +67,20 @@ export default {
67 } 67 }
68 } catch (e) {} 68 } catch (e) {}
69 } 69 }
70 },
71 initData(){
72 this.lang = this.$i18n.locale == "en" ? "en" : "zh";
70 } 73 }
71 }, 74 },
72 created() { 75 created() {
73 this.lang = this.$i18n.locale == "en" ? "en" : "zh"; 76 this.initData();
74 // window.onresize = () => {
75 // this.refreshUA();
76 // };
77 this.refreshUA(); 77 this.refreshUA();
78 //
79 this.refreshProfile(); 78 this.refreshProfile();
80 79 this.$root.eventBus.$on("langChange", () => {
81 // setTimeout(() => { 80 try {
82 // this.initCss = true; 81 this.initData();
83 // }, 1000); 82 } catch (e) {}
83 });
84 } 84 }
85 }; 85 };
86 </script> 86 </script>
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3
4 strong {
5 font-size: $articleStrong;
6 font-weight: bold;
7 // font-family: Verdana;
8 }
9
10 li {
11 font-size: 18px;
12 margin: 38px 0 38px 20px;
13 list-style-type: disc;
14 }
15
16 li:last-child {
17 margin: 38px 0 0 20px;
18 }
19
20 .small {
21 font-size: $articleSmall;
22 line-height: 28px;
23 }
24
3 .content { 25 .content {
4 // padding-bottom: 8.5rem; 26 padding-bottom: 78px;
5 padding-bottom: 2.33rem; 27 font-size: $articleNormal;
6 } 28 }
7 29
8 .box { 30 .box {
...@@ -10,28 +32,27 @@ ...@@ -10,28 +32,27 @@
10 } 32 }
11 33
12 .top-space { 34 .top-space {
13 height: 3rem; 35 height: 34px;
14 } 36 }
15 37
16 .tit { 38 .tit {
17 text-align: center; 39 text-align: center;
18 font-size: $fontSizeTitle; 40 font-size: $articleTitleLarge;
19 font-weight: bold; 41 font-weight: bold;
20
21 } 42 }
22 43
23 .tit:lang(zh) { 44 .tit:lang(zh) {
24 letter-spacing: 1.8px; 45 letter-spacing: 3.65px;
25 } 46 }
26 47
27 .desc { 48 .desc {
28 max-width: $articleWidth; 49 max-width: $articleWidth;
29 margin-top: 3rem; 50 margin-top: 54px;
30 line-height: 2; 51 line-height: 1.42;
31 } 52 }
32 53
33 .desc:lang(zh) { 54 .desc:lang(zh) {
34 letter-spacing: 1.2px; 55 letter-spacing: 2px;
35 } 56 }
36 57
37 @media (max-width: 1200px) { 58 @media (max-width: 1200px) {
...@@ -40,4 +61,3 @@ ...@@ -40,4 +61,3 @@
40 padding-bottom: $marginMedium-M; 61 padding-bottom: $marginMedium-M;
41 } 62 }
42 } 63 }
43
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3
4 strong {
5 font-size: $articleStrong;
6 font-weight: bold;
7 // font-family: Verdana;
8 }
9
10 li {
11 font-size: 18px;
12 margin: 38px 0 38px 20px;
13 list-style-type: disc;
14 }
15
16 li:last-child {
17 margin: 38px 0 0 20px;
18 }
19
20 .small {
21 font-size: $articleSmall;
22 line-height: 28px;
23 }
24
25 .tips {
26 margin-right: 24px;
27 }
28
3 .content { 29 .content {
4 // padding-bottom: 8.5rem; 30 padding-bottom: 78px;
5 padding-bottom: 2.33rem; 31 font-size: $articleNormal;
6 } 32 }
7 33
8 .box { 34 .box {
...@@ -10,27 +36,27 @@ ...@@ -10,27 +36,27 @@
10 } 36 }
11 37
12 .top-space { 38 .top-space {
13 height: 3rem; 39 height: 34px;
14 } 40 }
15 41
16 .tit { 42 .tit {
17 text-align: center; 43 text-align: center;
18 font-size: $fontSizeTitle; 44 font-size: $articleTitleLarge;
19 font-weight: bold; 45 font-weight: bold;
20 } 46 }
21 47
22 .tit:lang(zh) { 48 .tit:lang(zh) {
23 letter-spacing: 1.8px; 49 letter-spacing: 3.65px;
24 } 50 }
25 51
26 .desc { 52 .desc {
27 max-width: $articleWidth; 53 max-width: $articleWidth;
28 margin-top: 3rem; 54 margin-top: 54px;
29 line-height: 2; 55 line-height: 1.42;
30 } 56 }
31 57
32 .desc:lang(zh) { 58 .desc:lang(zh) {
33 letter-spacing: 1.2px; 59 letter-spacing: 2px;
34 } 60 }
35 61
36 @media (max-width: 1200px) { 62 @media (max-width: 1200px) {
...@@ -39,4 +65,3 @@ ...@@ -39,4 +65,3 @@
39 padding-bottom: $marginMedium-M; 65 padding-bottom: $marginMedium-M;
40 } 66 }
41 } 67 }
42
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3
4 strong {
5 font-size: $articleStrong;
6 font-weight: bold;
7 // font-family: Verdana;
8 }
9
10 li {
11 font-size: 18px;
12 margin: 38px 0 38px 20px;
13 list-style-type: disc;
14 }
15
16 li:last-child {
17 margin: 38px 0 0 20px;
18 }
19
20 .small {
21 font-size: $articleSmall;
22 line-height: 28px;
23 }
24
3 .content { 25 .content {
4 padding-bottom: 8.5rem; 26 padding-bottom: 78px;
27 font-size: $articleNormal;
5 } 28 }
6 29
7 .box { 30 .box {
...@@ -9,33 +32,32 @@ ...@@ -9,33 +32,32 @@
9 } 32 }
10 33
11 .top-space { 34 .top-space {
12 height: 3rem; 35 height: 34px;
13 } 36 }
14 37
15 .tit { 38 .tit {
16 text-align: center; 39 text-align: center;
17 font-size: $fontSizeTitle; 40 font-size: $articleTitleLarge;
18 font-weight: bold; 41 font-weight: bold;
19 } 42 }
20 43
21 .tit:lang(zh) { 44 .tit:lang(zh) {
22 letter-spacing: 1.8px; 45 letter-spacing: 3.65px;
23 } 46 }
24 47
25 .desc { 48 .desc {
26 max-width: $articleWidth; 49 max-width: $articleWidth;
27 margin-top: 3rem; 50 margin-top: 54px;
28 line-height: 2; 51 line-height: 1.42;
29 } 52 }
30 53
31 .desc:lang(zh) { 54 .desc:lang(zh) {
32 letter-spacing: 1.2px; 55 letter-spacing: 2px;
33 } 56 }
34 57
35
36 @media (max-width: 1200px) { 58 @media (max-width: 1200px) {
37 .content { 59 .content {
38 @include content-percent(); 60 @include content-percent();
39 padding-bottom: 2rem; 61 padding-bottom: $marginMedium-M;
40 } 62 }
41 } 63 }
......
...@@ -26,6 +26,9 @@ $fontSizeTitle:16px; ...@@ -26,6 +26,9 @@ $fontSizeTitle:16px;
26 $fontSize:14px; 26 $fontSize:14px;
27 $fontSizeSmall:12px; 27 $fontSizeSmall:12px;
28 28
29
30
31
29 $fontSizeTitle-M:17px; 32 $fontSizeTitle-M:17px;
30 $fontSize-M:14px; 33 $fontSize-M:14px;
31 $fontSizeSmall-M:12px; 34 $fontSizeSmall-M:12px;
...@@ -45,7 +48,11 @@ $cFontGray2: #58595b; ...@@ -45,7 +48,11 @@ $cFontGray2: #58595b;
45 $cFontGray3: #666666; 48 $cFontGray3: #666666;
46 49
47 // 文章宽度 50 // 文章宽度
48 $articleWidth:1041px; 51 $articleWidth:1040px;
52 $articleTitleLarge:36.5px;
53 $articleStrong:24px;
54 $articleNormal:21.5px;
55 $articleSmall:17.5px;
49 56
50 // 移动端 57 // 移动端
51 $marginSmall-M: 10px; // 小间距 58 $marginSmall-M: 10px; // 小间距
......