Skip to content

dev / pingan-life-index-pro

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

默认提交

1 parent 783c0378
Inline Side-by-side
Showing 7 changed files with 88 additions and 24 deletions
...@@ -52,7 +52,9 @@ function Toast(msg) { ...@@ -52,7 +52,9 @@ function Toast(msg) {
52 // console.log(process.env); 52 // console.log(process.env);
53 let baseURL = process.env.VUE_APP_BASE_URL; 53 let baseURL = process.env.VUE_APP_BASE_URL;
54 // let baseURL = "http://localhost:9101"; 54 // let baseURL = "http://localhost:9101";
55 baseURL = "https://ow.go.qudone.com"; 55 if (window.location.href.indexOf("192.168") != -1) {
56 baseURL = "https://ow.go.qudone.com";
57 }
56 const axios = axiosIns.create({ 58 const axios = axiosIns.create({
57 // baseURL: process.env.VUE_APP_BASE_URL, 59 // baseURL: process.env.VUE_APP_BASE_URL,
58 baseURL: baseURL, 60 baseURL: baseURL,
......
...@@ -24,11 +24,11 @@ export default { ...@@ -24,11 +24,11 @@ export default {
24 el: '.swiper-pagination', 24 el: '.swiper-pagination',
25 clickable: true, 25 clickable: true,
26 }, 26 },
27 // autoplay: { 27 autoplay: {
28 // delay: 5000, 28 delay: 5000,
29 // stopOnLastSlide: false, 29 stopOnLastSlide: false,
30 // disableOnInteraction: false 30 disableOnInteraction: false
31 // }, 31 },
32 speed: 1000, 32 speed: 1000,
33 }, 33 },
34 bannerList: [], 34 bannerList: [],
...@@ -89,6 +89,18 @@ export default { ...@@ -89,6 +89,18 @@ export default {
89 this.bannerCandidateList.forEach(element => { 89 this.bannerCandidateList.forEach(element => {
90 bannerList.push(element[key]); 90 bannerList.push(element[key]);
91 }); 91 });
92
93 bannerList = [{
94 pcBannerUrl: "@/assets/images/vhis/kv.png",
95 mobileBannerUrl: "@/assets/images/vhis/kv.png",
96 btns: [{
97 n: "立即報價",
98 c: "#f05a23",
99 t: "vhis",
100 l: "endowment",
101 }]
102 }]
103
92 this.$set(this, 'bannerList', bannerList); 104 this.$set(this, 'bannerList', bannerList);
93 console.log("bannerList:", bannerList); 105 console.log("bannerList:", bannerList);
94 }, 106 },
......
...@@ -64,6 +64,7 @@ ...@@ -64,6 +64,7 @@
64 min-width: 288px; 64 min-width: 288px;
65 margin-left: 12px; 65 margin-left: 12px;
66 background: url("~@assets/images/vhis/vhis-btn2.png"); 66 background: url("~@assets/images/vhis/vhis-btn2.png");
67 letter-spacing: 1.5px;
67 } 68 }
68 } 69 }
69 } 70 }
...@@ -126,6 +127,7 @@ ...@@ -126,6 +127,7 @@
126 align-items: center; 127 align-items: center;
127 color: $cOrange2; 128 color: $cOrange2;
128 font-size: 28px; 129 font-size: 28px;
130 font-weight: bold;
129 } 131 }
130 132
131 .desc { 133 .desc {
...@@ -144,9 +146,6 @@ ...@@ -144,9 +146,6 @@
144 color: $cOrange2; 146 color: $cOrange2;
145 } 147 }
146 } 148 }
147
148
149
150 } 149 }
151 } 150 }
152 151
...@@ -158,19 +157,44 @@ ...@@ -158,19 +157,44 @@
158 text-align: center; 157 text-align: center;
159 font-size: $fontSize; 158 font-size: $fontSize;
160 159
160
161
162 .tt {
163 // display: flex;
164 // justify-content: center;
165 // align-items: center;
166 // text-align: center;
167 }
168
169 .easy {
170 display: inline;
171 vertical-align: middle;
172 }
173
174 .easy1 {
175 margin-right: 8px;
176 margin-top: -4px;
177 }
178
179
180 .easy2 {
181 margin-right: 10px;
182 margin-top: -4px;
183 }
184
161 .t1 { 185 .t1 {
162 color: $cOrange2; 186 color: $cOrange2;
163 letter-spacing: 2px; 187 letter-spacing: 2px;
164 font-weight: bold; 188 font-weight: bold;
165 font-size: 44px; 189 font-size: 45px;
190 letter-spacing: 6px;
166 } 191 }
167 192
168 .t2 { 193 .t2 {
169 font-size: 32px; 194 font-size: 34px;
170 margin-top: 36px; 195 margin-top: 36px;
171 font-weight: bold;
172 line-height: 1.39; 196 line-height: 1.39;
173 letter-spacing: 1.8px; 197 letter-spacing: 2px;
174 } 198 }
175 } 199 }
176 200
...@@ -279,7 +303,6 @@ ...@@ -279,7 +303,6 @@
279 @extend .bb; 303 @extend .bb;
280 width: 50%; 304 width: 50%;
281 padding: 26px 0; 305 padding: 26px 0;
282 font-weight: bold;
283 letter-spacing: 1.12px; 306 letter-spacing: 1.12px;
284 color: #666666; 307 color: #666666;
285 } 308 }
...@@ -308,7 +331,6 @@ ...@@ -308,7 +331,6 @@
308 @extend .bb; 331 @extend .bb;
309 width: 50%; 332 width: 50%;
310 padding: 48px; 333 padding: 48px;
311 font-weight: bold;
312 letter-spacing: 1.12px; 334 letter-spacing: 1.12px;
313 color: #666666; 335 color: #666666;
314 336
...@@ -326,19 +348,34 @@ ...@@ -326,19 +348,34 @@
326 } 348 }
327 349
328 li { 350 li {
351 @extend .bb;
352 position: relative;
329 background-image: url('~@assets/images/vhis/vhis-tick.png'); 353 background-image: url('~@assets/images/vhis/vhis-tick.png');
330 background-repeat: no-repeat; 354 background-repeat: no-repeat;
331 background-position: 0 10px; 355 background-position: 0 10px;
332 padding-left: 40px; 356 padding-left: 40px;
333 margin: 24px 0; 357 margin: 24px 0;
358
359 .small {
360 vertical-align: top;
361 margin-top: 4px;
362 }
334 } 363 }
335 } 364 }
336 365
337 .label2 { 366 .label2 {
338
339 li { 367 li {
340 background-image: url('~@assets/images/vhis/vhis-cross.png'); 368 background-image: url('~@assets/images/vhis/vhis-cross.png');
341 } 369 }
370
371 .t1 {
372 display: flex;
373
374 .small {
375 vertical-align: top;
376 margin-top: 4px;
377 }
378 }
342 } 379 }
343 380
344 .val {} 381 .val {}
...@@ -390,6 +427,13 @@ ...@@ -390,6 +427,13 @@
390 @extend .pointer; 427 @extend .pointer;
391 @extend .bb; 428 @extend .bb;
392 @include btc4(406px, 60px, 28px); 429 @include btc4(406px, 60px, 28px);
430 font-weight: bold;
431 }
432
433
434 .small {
435 font-size: 16px;
436 display: inline-block;
393 } 437 }
394 438
395 .border2 { 439 .border2 {
......
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
7 <div class="banner banner-pc"> 7 <div class="banner banner-pc">
8 <swiper :options="swiperOption"> 8 <swiper :options="swiperOption">
9 <swiper-slide v-for="(item,index) in bannerList" :key="index"> 9 <swiper-slide v-for="(item,index) in bannerList" :key="index">
10 <img class="banner-img" :src="item.pcBannerUrl"> 10 <!-- <img class="banner-img" :src="item.pcBannerUrl"> -->
11 <img :src="require('@/assets/images/vhis/kv.png')">
11 <div class="btn-wrap"> 12 <div class="btn-wrap">
12 <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex"> 13 <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
13 <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div> 14 <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
...@@ -16,7 +17,7 @@ ...@@ -16,7 +17,7 @@
16 </swiper-slide> 17 </swiper-slide>
17 <!-- <div class="swiper-button-prev" slot="button-prev"></div> 18 <!-- <div class="swiper-button-prev" slot="button-prev"></div>
18 <div class="swiper-button-next" slot="button-next"></div> --> 19 <div class="swiper-button-next" slot="button-next"></div> -->
19 <div class="swiper-pagination" slot="pagination"></div> 20 <!-- <div class="swiper-pagination" slot="pagination"></div> -->
20 </swiper> 21 </swiper>
21 </div> 22 </div>
22 23
...@@ -49,9 +50,9 @@ ...@@ -49,9 +50,9 @@
49 </div> 50 </div>
50 <!-- 标题 --> 51 <!-- 标题 -->
51 <div class="title"> 52 <div class="title">
52 <div class="t1">好醫時自願醫保計劃</div> 53 <div class="tt t1"><img class="easy easy1" src="@/assets/images/vhis/easy-1.png">自願醫保計劃</div>
53 <div class="t2"> 54 <div class="tt t2">
54 平安人壽（香港）「好醫時」自願醫保標準計劃<br> 為政府自願醫保認可的標準計劃，可同時申請享有稅務扣減優惠。 55 平安人壽（香港）<img class="easy easy2" src="@/assets/images/vhis/easy-2.png">自願醫保標準計劃<br> 為政府自願醫保認可的標準計劃，可同時申請享有稅務扣減優惠。
55 </div> 56 </div>
56 </div> 57 </div>
57 <div class="content"> 58 <div class="content">
...@@ -120,7 +121,10 @@ ...@@ -120,7 +121,10 @@
120 <div class="tt label"> 121 <div class="tt label">
121 <div class="t1">更多特點：</div> 122 <div class="t1">更多特點：</div>
122 <ul> 123 <ul>
123 <li>若您更改計劃、終止保單或您未能支 付保費導致保單被終止，便有機會獲 退還部分款項1（如適用）。 124 <li>
125 <span>若您更改計劃、終止保單或您未能支付保費導致保單被終止，便有機會獲退還部分款項</span>
126 <span class="small">1</span>
127 <span>（如適用）。</span>
124 </li> 128 </li>
125 <li>保證自動續保，無需進一步提供健康 證明。 129 <li>保證自動續保，無需進一步提供健康 證明。
126 </li> 130 </li>
...@@ -128,8 +132,10 @@ ...@@ -128,8 +132,10 @@
128 </ul> 132 </ul>
129 </div> 133 </div>
130 <div class="tt label label2"> 134 <div class="tt label label2">
131 <div class="t1">計劃不包括2</div> 135 <div class="t1">
132 136 <span>計劃不包括</span>
137 <span class="small">2</span>
138 </div>
133 <ul> 139 <ul>
134 <li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於 現行保單保障期內所繳的總保費。 140 <li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於 現行保單保障期內所繳的總保費。
135 </li> 141 </li>
......