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) {
// console.log(process.env);
let baseURL = process.env.VUE_APP_BASE_URL;
// let baseURL = "http://localhost:9101";
baseURL = "https://ow.go.qudone.com";
if (window.location.href.indexOf("192.168") != -1) {
baseURL = "https://ow.go.qudone.com";
}
const axios = axiosIns.create({
// baseURL: process.env.VUE_APP_BASE_URL,
baseURL: baseURL,
......
......@@ -24,11 +24,11 @@ export default {
el: '.swiper-pagination',
clickable: true,
},
// autoplay: {
// delay: 5000,
// stopOnLastSlide: false,
// disableOnInteraction: false
// },
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: false
},
speed: 1000,
},
bannerList: [],
......@@ -89,6 +89,18 @@ export default {
this.bannerCandidateList.forEach(element => {
bannerList.push(element[key]);
});
bannerList = [{
pcBannerUrl: "@/assets/images/vhis/kv.png",
mobileBannerUrl: "@/assets/images/vhis/kv.png",
btns: [{
n: "立即報價",
c: "#f05a23",
t: "vhis",
l: "endowment",
}]
}]
this.$set(this, 'bannerList', bannerList);
console.log("bannerList:", bannerList);
},
......
......@@ -64,6 +64,7 @@
min-width: 288px;
margin-left: 12px;
background: url("~@assets/images/vhis/vhis-btn2.png");
letter-spacing: 1.5px;
}
}
}
......@@ -126,6 +127,7 @@
align-items: center;
color: $cOrange2;
font-size: 28px;
font-weight: bold;
}
.desc {
......@@ -144,9 +146,6 @@
color: $cOrange2;
}
}
}
}
......@@ -158,19 +157,44 @@
text-align: center;
font-size: $fontSize;
.tt {
// display: flex;
// justify-content: center;
// align-items: center;
// text-align: center;
}
.easy {
display: inline;
vertical-align: middle;
}
.easy1 {
margin-right: 8px;
margin-top: -4px;
}
.easy2 {
margin-right: 10px;
margin-top: -4px;
}
.t1 {
color: $cOrange2;
letter-spacing: 2px;
font-weight: bold;
font-size: 44px;
font-size: 45px;
letter-spacing: 6px;
}
.t2 {
font-size: 32px;
font-size: 34px;
margin-top: 36px;
font-weight: bold;
line-height: 1.39;
letter-spacing: 1.8px;
letter-spacing: 2px;
}
}
......@@ -279,7 +303,6 @@
@extend .bb;
width: 50%;
padding: 26px 0;
font-weight: bold;
letter-spacing: 1.12px;
color: #666666;
}
......@@ -308,7 +331,6 @@
@extend .bb;
width: 50%;
padding: 48px;
font-weight: bold;
letter-spacing: 1.12px;
color: #666666;
......@@ -326,19 +348,34 @@
}
li {
@extend .bb;
position: relative;
background-image: url('~@assets/images/vhis/vhis-tick.png');
background-repeat: no-repeat;
background-position: 0 10px;
padding-left: 40px;
margin: 24px 0;
.small {
vertical-align: top;
margin-top: 4px;
}
}
}
.label2 {
li {
background-image: url('~@assets/images/vhis/vhis-cross.png');
}
.t1 {
display: flex;
.small {
vertical-align: top;
margin-top: 4px;
}
}
}
.val {}
......@@ -390,6 +427,13 @@
@extend .pointer;
@extend .bb;
@include btc4(406px, 60px, 28px);
font-weight: bold;
}
.small {
font-size: 16px;
display: inline-block;
}
.border2 {
......
......@@ -7,7 +7,8 @@
<div class="banner banner-pc">
<swiper :options="swiperOption">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<img class="banner-img" :src="item.pcBannerUrl">
<!-- <img class="banner-img" :src="item.pcBannerUrl"> -->
<img :src="require('@/assets/images/vhis/kv.png')">
<div class="btn-wrap">
<div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
<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 @@
</swiper-slide>
<!-- <div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div> -->
<div class="swiper-pagination" slot="pagination"></div>
<!-- <div class="swiper-pagination" slot="pagination"></div> -->
</swiper>
</div>
......@@ -49,9 +50,9 @@
</div>
<!-- 标题 -->
<div class="title">
<div class="t1">好醫時自願醫保計劃</div>
<div class="t2">
平安人壽（香港）「好醫時」自願醫保標準計劃<br> 為政府自願醫保認可的標準計劃，可同時申請享有稅務扣減優惠。
<div class="tt t1"><img class="easy easy1" src="@/assets/images/vhis/easy-1.png">自願醫保計劃</div>
<div class="tt t2">
平安人壽（香港）<img class="easy easy2" src="@/assets/images/vhis/easy-2.png">自願醫保標準計劃<br> 為政府自願醫保認可的標準計劃，可同時申請享有稅務扣減優惠。
</div>
</div>
<div class="content">
......@@ -120,7 +121,10 @@
<div class="tt label">
<div class="t1">更多特點：</div>
<ul>
<li>若您更改計劃、終止保單或您未能支 付保費導致保單被終止，便有機會獲 退還部分款項1（如適用）。
<li>
<span>若您更改計劃、終止保單或您未能支付保費導致保單被終止，便有機會獲退還部分款項</span>
<span class="small">1</span>
<span>（如適用）。</span>
</li>
<li>保證自動續保，無需進一步提供健康 證明。
</li>
......@@ -128,8 +132,10 @@
</ul>
</div>
<div class="tt label label2">
<div class="t1">計劃不包括2</div>
<div class="t1">
<span>計劃不包括</span>
<span class="small">2</span>
</div>
<ul>
<li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於 現行保單保障期內所繳的總保費。
</li>
......