Skip to content

dev / pingan-life-index-pro

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

沙雕样式

1 parent db92da32
Inline Side-by-side
Showing 10 changed files with 25 additions and 19 deletions
...@@ -858,7 +858,7 @@ module.exports = { ...@@ -858,7 +858,7 @@ module.exports = {
858 ymd3: "", 858 ymd3: "",
859 tip1: "I ", 859 tip1: "I ",
860 tip2: " confirm the receipt of the above policy on ", 860 tip2: " confirm the receipt of the above policy on ",
861 tip3: "", 861 tip3: ".",
862 tip4: "", 862 tip4: "",
863 tip5: "Contact Customer Service Hotline" 863 tip5: "Contact Customer Service Hotline"
864 }, 864 },
......
...@@ -829,7 +829,7 @@ module.exports = { ...@@ -829,7 +829,7 @@ module.exports = {
829 ymd3: "日", 829 ymd3: "日",
830 tip1: "本人", 830 tip1: "本人",
831 tip2: "現確認於", 831 tip2: "現確認於",
832 tip3: "收托上述保單", 832 tip3: "收托上述保單。",
833 tip4: "我想", 833 tip4: "我想",
834 tip5: "聯絡客服", 834 tip5: "聯絡客服",
835 }, 835 },
......
...@@ -852,7 +852,7 @@ module.exports = { ...@@ -852,7 +852,7 @@ module.exports = {
852 ymd3: "日", 852 ymd3: "日",
853 tip1: "本人", 853 tip1: "本人",
854 tip2: "现确认于", 854 tip2: "现确认于",
855 tip3: "受托上述保单", 855 tip3: "受托上述保单。",
856 tip4: "我想", 856 tip4: "我想",
857 tip5: "联络客服" 857 tip5: "联络客服"
858 }, 858 },
......
...@@ -141,11 +141,11 @@ ...@@ -141,11 +141,11 @@
141 <!-- <template v-if="1>0"> --> 141 <!-- <template v-if="1>0"> -->
142 <hr class="hr2" v-if="data.amount > 0"> 142 <hr class="hr2" v-if="data.amount > 0">
143 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> 143 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
144 <div class="bottom-tip mt10">{{$t('clarms.step2.tip1')}}</div> 144 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div>
145 145
146 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div> 146 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div>
147 <div class="bottom-tip mt10">{{$t('clarms.step2.tip2')}}</div> 147 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip2')}}</div>
148 <div class="bottom-tip mt10">{{$t('clarms.step2.tip3')}}</div> 148 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip3')}}</div>
149 149
150 <div class="bottom-tip orange mt10 pointer" @click="agress = !agress"> 150 <div class="bottom-tip orange mt10 pointer" @click="agress = !agress">
151 <img v-if="agress" src="@/assets/images/clarms/checked.png"> 151 <img v-if="agress" src="@/assets/images/clarms/checked.png">
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </div> 32 </div>
33 33
34 <div class="form-item"> 34 <div class="form-item">
35 <div class="label"> 35 <div class="label gray3">
36 {{$t('clarms.step1.label3')}} 36 {{$t('clarms.step1.label3')}}
37 </div> 37 </div>
38 <div class="ipt-wrap"> 38 <div class="ipt-wrap">
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 </div> 47 </div>
48 48
49 <div class="form-item"> 49 <div class="form-item">
50 <div class="label"> 50 <div class="label gray3">
51 {{$t('clarms.step1.label4')}} 51 {{$t('clarms.step1.label4')}}
52 </div> 52 </div>
53 <div class="ipt-wrap"> 53 <div class="ipt-wrap">
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 </div> 58 </div>
59 59
60 <div class="form-item"> 60 <div class="form-item">
61 <div class="label"> 61 <div class="label gray3">
62 {{$t('clarms.step1.label5')}} 62 {{$t('clarms.step1.label5')}}
63 </div> 63 </div>
64 <div class="ipt-wrap"> 64 <div class="ipt-wrap">
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 57
58 .statement { 58 .statement {
59 @extend .bb; 59 @extend .bb;
60 padding-left: 92px; 60 padding: 0 92px 0 92px;
61 margin: 50px auto 0; 61 margin: 50px auto 0;
62 } 62 }
63 63
...@@ -270,7 +270,8 @@ ...@@ -270,7 +270,8 @@
270 padding: 80px 20px; 270 padding: 80px 20px;
271 271
272 .statement { 272 .statement {
273 padding-left: 0; 273 // padding-left: 0;
274 padding: 0;
274 } 275 }
275 276
276 .form { 277 .form {
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 </div> 63 </div>
64 <hr class="line1"> 64 <hr class="line1">
65 <div class="bottom-wrap "> 65 <div class="bottom-wrap ">
66 <span class="notice"> 66 <div class="notice" :class="{'ltz':locale == 'en'}">
67 <span>{{$t('vhis.tip1')}}</span> 67 <span>{{$t('vhis.tip1')}}</span>
68 <span class="orange">{{policyDetail.clientNameCn}}</span> 68 <span class="orange">{{policyDetail.clientNameCn}}</span>
69 <span>{{$t('vhis.tip2')}}</span> 69 <span>{{$t('vhis.tip2')}}</span>
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 <span>{{$t('vhis.ymd2')}}</span> 73 <span>{{$t('vhis.ymd2')}}</span>
74 <span class="orange">{{policyDetail.nowYmd3}}</span> 74 <span class="orange">{{policyDetail.nowYmd3}}</span>
75 <span>{{$t('vhis.ymd3')}}{{$t('vhis.tip3')}}</span> 75 <span>{{$t('vhis.ymd3')}}{{$t('vhis.tip3')}}</span>
76 </span> 76 </div>
77 <div class="btn-wrap"> 77 <div class="btn-wrap">
78 <div class="submit-btn" @click="handleConfirmPolicy">{{$t('vhis.btn2')}}</div> 78 <div class="submit-btn" @click="handleConfirmPolicy">{{$t('vhis.btn2')}}</div>
79 <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div> 79 <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div>
......
...@@ -321,7 +321,7 @@ $borderSize: 6px; ...@@ -321,7 +321,7 @@ $borderSize: 6px;
321 width: 50%; 321 width: 50%;
322 padding: 18px 12px 18px 0; 322 padding: 18px 12px 18px 0;
323 letter-spacing: 1.12px; 323 letter-spacing: 1.12px;
324 // color: #666666; 324 color: $cFontGray3;
325 } 325 }
326 326
327 .label { 327 .label {
...@@ -350,7 +350,7 @@ $borderSize: 6px; ...@@ -350,7 +350,7 @@ $borderSize: 6px;
350 350
351 padding: 50px 60px 26px 100px; 351 padding: 50px 60px 26px 100px;
352 letter-spacing: 1.12px; 352 letter-spacing: 1.12px;
353 // color: #666666; 353 color: $cFontGray3;
354 354
355 .t1 { 355 .t1 {
356 color: $cOrange2; 356 color: $cOrange2;
......
...@@ -81,14 +81,18 @@ ...@@ -81,14 +81,18 @@
81 } 81 }
82 82
83 input { 83 input {
84 color:'#606266' 84 color: '#606266'
85 } 85 }
86 86
87 .text-jtf{ 87 .text-jtf {
88 text-align: justify; 88 text-align: justify;
89 text-align-last: left; 89 text-align-last: left;
90 } 90 }
91 91
92 .underline{ 92 .underline {
93 text-decoration:underline; 93 text-decoration: underline;
94 }
95
96 .gray3 {
97 color: $cFontGray3;
94 } 98 }
......
...@@ -42,6 +42,7 @@ $cDisabled:#888888; ...@@ -42,6 +42,7 @@ $cDisabled:#888888;
42 42
43 $cOrange2:#ff6839; 43 $cOrange2:#ff6839;
44 $cFontGray2: #58595b; 44 $cFontGray2: #58595b;
45 $cFontGray3: #666666;
45 46
46 // 文章宽度 47 // 文章宽度
47 $articleWidth:1041px; 48 $articleWidth:1041px;
......