Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3166bc7c by simon
Options

默认提交

1 parent 383cc277
Inline Side-by-side
Showing 3 changed files with 27 additions and 18 deletions
...@@ -936,8 +936,8 @@ module.exports = { ...@@ -936,8 +936,8 @@ module.exports = {
936 } 936 }
937 }, 937 },
938 vhisDetail: { 938 vhisDetail: {
939 expand: "展开", 939 expand: "Read more",
940 close: "收起", 940 close: "Close",
941 bannerTips: { 941 bannerTips: {
942 t1: "【期间限定保费8折优惠】", 942 t1: "【期间限定保费8折优惠】",
943 t2: "即日起至5月28日或之前投保，只需输入以下优惠码，即享首年保费8折优惠*", 943 t2: "即日起至5月28日或之前投保，只需输入以下优惠码，即享首年保费8折优惠*",
......
...@@ -342,6 +342,7 @@ $borderSize: 6px; ...@@ -342,6 +342,7 @@ $borderSize: 6px;
342 border-right: solid 1px #e4e4e5; 342 border-right: solid 1px #e4e4e5;
343 display: flex; 343 display: flex;
344 align-items: center; 344 align-items: center;
345
345 } 346 }
346 347
347 .val { 348 .val {
...@@ -467,10 +468,12 @@ $borderSize: 6px; ...@@ -467,10 +468,12 @@ $borderSize: 6px;
467 .nn {} 468 .nn {}
468 469
469 .n1 { 470 .n1 {
470 text-align: right; 471 text-align: left;
471 margin-top: 0px; 472 margin-top: 0px;
472 margin-right: 8px; 473 margin-right: 4px;
473 color: $cOrange2; 474 color: $cOrange2;
475 width: 32px;
476 // background-color: wheat;
474 } 477 }
475 478
476 .n2 { 479 .n2 {
...@@ -623,7 +626,7 @@ $borderSize: 6px; ...@@ -623,7 +626,7 @@ $borderSize: 6px;
623 626
624 627
625 .small { 628 .small {
626 font-size: 16px; 629 font-size: 14px;
627 display: inline-block; 630 display: inline-block;
628 vertical-align: text-top; 631 vertical-align: text-top;
629 } 632 }
...@@ -739,6 +742,9 @@ $borderSize: 6px; ...@@ -739,6 +742,9 @@ $borderSize: 6px;
739 font-size: $fontSizeSmall-M2; 742 font-size: $fontSizeSmall-M2;
740 } 743 }
741 } 744 }
745 .desc{
746 text-align: left;
747 }
742 } 748 }
743 } 749 }
744 } 750 }
...@@ -832,19 +838,22 @@ $borderSize: 6px; ...@@ -832,19 +838,22 @@ $borderSize: 6px;
832 .download { 838 .download {
833 margin: 48px auto 0; 839 margin: 48px auto 0;
834 840
835
836 &-item { 841 &-item {
837 .cont { 842 .cont {
838
839 justify-content: center;
840 padding: 0; 843 padding: 0;
841 // padding-left: 52px;
842 font-size: $fontSize-M2; 844 font-size: $fontSize-M2;
843 } 845 }
844 846
847 .icon-wrap{
848 width: 40%;
849 display: flex;
850 justify-content: flex-end;
851 }
852
845 .icon { 853 .icon {
846 margin-right: 24px; 854 margin-right: 24px;
847 } 855 }
856
848 } 857 }
849 } 858 }
850 } 859 }
......
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
173 <div class="nn n1">(d)</div> 173 <div class="nn n1">(d)</div>
174 <div class="nn n2"> 174 <div class="nn n2">
175 <span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span> 175 <span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
176 <span class="smal">(2)</span> 176 <span class="small">(2)</span>
177 </div> 177 </div>
178 </div> 178 </div>
179 </div> 179 </div>
...@@ -235,7 +235,7 @@ ...@@ -235,7 +235,7 @@
235 <div class="tt val"> 235 <div class="tt val">
236 <div> 236 <div>
237 <span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span> 237 <span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
238 <span class="smal">(5)</span> 238 <span class="small">(5)</span>
239 </div> 239 </div>
240 </div> 240 </div>
241 </div> 241 </div>
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
249 <div class="tt val"> 249 <div class="tt val">
250 <div> 250 <div>
251 <span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span> 251 <span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
252 <span class="smal">(5)</span> 252 <span class="small">(5)</span>
253 </div> 253 </div>
254 </div> 254 </div>
255 </div> 255 </div>
...@@ -259,7 +259,7 @@ ...@@ -259,7 +259,7 @@
259 <div class="nn n1">(i)</div> 259 <div class="nn n1">(i)</div>
260 <div class="nn n2"> 260 <div class="nn n2">
261 <span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span> 261 <span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
262 <span class="smal">(2)(3)</span> 262 <span class="small">(2)(3)</span>
263 </div> 263 </div>
264 </div> 264 </div>
265 </div> 265 </div>
...@@ -271,7 +271,7 @@ ...@@ -271,7 +271,7 @@
271 <div class="nn n1">(j)</div> 271 <div class="nn n1">(j)</div>
272 <div class="nn n2"> 272 <div class="nn n2">
273 <span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span> 273 <span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
274 <span class="smal">(4)</span> 274 <span class="small">(4)</span>
275 </div> 275 </div>
276 </div> 276 </div>
277 </div> 277 </div>
...@@ -283,7 +283,7 @@ ...@@ -283,7 +283,7 @@
283 <div class="nn n1">(k)</div> 283 <div class="nn n1">(k)</div>
284 <div class="nn n2"> 284 <div class="nn n2">
285 <span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span> 285 <span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
286 <span class="smal">(2)</span> 286 <span class="small">(2)</span>
287 </div> 287 </div>
288 </div> 288 </div>
289 </div> 289 </div>
...@@ -357,17 +357,17 @@ ...@@ -357,17 +357,17 @@
357 <div class="download"> 357 <div class="download">
358 <div class="border2 download-item"> 358 <div class="border2 download-item">
359 <div class="cont"> 359 <div class="cont">
360 <img class="icon" src="@/assets/images/vhis/vhis-download.png"> {{$t('vhisDetail.download.t1')}} 360 <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t1')}}
361 </div> 361 </div>
362 </div> 362 </div>
363 <div class="border2 download-item"> 363 <div class="border2 download-item">
364 <div class="cont"> 364 <div class="cont">
365 <img class="icon" src="@/assets/images/vhis/vhis-download.png"> {{$t('vhisDetail.download.t2')}} 365 <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t2')}}
366 </div> 366 </div>
367 </div> 367 </div>
368 <div class="border2 download-item"> 368 <div class="border2 download-item">
369 <div class="cont"> 369 <div class="cont">
370 <img class="icon" src="@/assets/images/vhis/vhis-download.png"> {{$t('vhisDetail.download.t3')}} 370 <div class="icon-wrap"><img class="icon" src="@/assets/images/vhis/vhis-download.png"></div> {{$t('vhisDetail.download.t3')}}
371 </div> 371 </div>
372 </div> 372 </div>
373 </div> 373 </div>
......