Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
938dc91c by simon
Options

默认提交

1 parent 35a25e80
Expand all
Inline Side-by-side
Showing 11 changed files with 334 additions and 126 deletions
......@@ -89,7 +89,7 @@ export default {
@import "@/styles/_support.scss";
html {
font-family:"Arial", "Microsoft YaHei";
font-family: "Arial", "Microsoft YaHei";
font-size: 12px;
word-spacing: 1px;
word-break: break-word;
......@@ -471,6 +471,12 @@ textarea {
max-width: 100% !important;
}
}
.page-vhis {
.video-js {
width: 100% !important;
max-width: 100% !important;
}
}
#app {
.header {
......

4.04 KB | W: | H:

2.03 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.03 KB | W: | H:

4.04 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -936,16 +936,27 @@ module.exports = {
t3: "優惠碼：CISAVE20"
},
title: {
t1: "自願醫保計劃",
t2: "平安人壽（香港）",
t3: "自願醫保標準計劃",
t4: "為政府自願醫保認可的標準計劃，可同時申請享有稅務扣减優惠。",
t1: "平安“好e時”自願醫保標準計劃 ",
t2: "平安「好e時」自願醫保標準計劃為政府自願醫保認可的標準計劃，涵蓋重點醫療保障，投保流程簡易，全程線上進行。",
t3: "",
t4: "",
},
main: {
t1: "產品特點",
t1: "計劃特點",
},
guarantee1: {
t1: "保障一覽",
title: "計劃概覽",
k1: "投保年齡（受保人的實際年齡)",
v1: "出生後15 天起至80 歲",
k2: "保障期",
v2: "1年，保證續保至100 歲",
k3: "保單貨幣",
v3: "港元",
k4: "保費繳交方式",
v4: "月繳/年繳",
k5: "合資格客戶（受保人）",
v5: "香港居民（持有由香港特區政府簽發的有效居民身份證人士）",
t2: "產品性質",
t3: "醫療保障保險計劃",
t4: "投保人投保時的年齡",
......@@ -959,15 +970,6 @@ module.exports = {
t12: "每年保障限額",
t13: "每保單年度420,000 港元",
},
guarantee2: {
t1: "更多特點：",
t2: "若您更改計劃、終止保單或您未能支付保費導致保單被終止，便有機會獲退還部分款項",
t3: "（如適用）。",
t4: "保證自動續保，無需進一步提供健康證明。",
t5: "保證於保費繳付期內保費不變。",
t6: "計劃不包括：",
t7: "若受保人於保單簽發日後一年內自殺，將不能獲發身故賠償，但將獲退還於現行保單保障期內所繳的總保費。",
},
download: {
t1: "下載產品簡介",
t2: "下載標準保費表",
......@@ -975,29 +977,29 @@ module.exports = {
},
submitBtn: "立即投保",
productList: [{
title: "保證續保至100歲",
desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎15天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
title: "政府認可 安心保障",
desc: "本計劃為政府自願醫保認可的標準計劃，讓您在需要時候可透過住院保險而使用私營醫療服務，並可同時申請享有稅務扣減優惠。此計劃獲食物及衞生局認可，讓您倍感安心。如欲了解更多自願醫保詳情，可瀏覽www.vhis.gov.hk。",
tips: ""
}, {
title: "不設終身保障限額",
desc: "每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有充裕的醫療保障，減輕因醫療需求而造成的財務負擔。",
title: "不設終身保障限額",
desc: "本計劃不設終身保障限額，每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有重點的醫療保障，減輕因醫療需求而造成的財務負擔。",
tips: ""
}, {
title: "一家投保 盡享稅務扣減",
desc: "保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
tips: "*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
desc: "本計劃的保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬*，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
tips: "*指明親屬包括納稅人配偶及子女、納稅人或其配偶的祖父母、外祖父母、父母和兄弟姐妹。"
}, {
title: "承保投保前未知的已有疾病",
desc: "承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
desc: "現時一般醫療保險均不承保投保前的已有疾病，本計劃為您帶來多一份安心，承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
}, {
title: "出院免找數 讓您安心無憂",
desc: "只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。",
tips: "*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。"
title: "保證續保至100歲",
desc: "本計劃接受任何介乎出生後15天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況改變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
tips: ""
}, {
title: "無索償折扣",
desc: "最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。",
tips: "*有關詳情請參閱產品介紹書。"
title: "無索償保費折扣",
desc: "為鼓勵您保持健康生活，如您於本計劃的連續3個保單年度內，沒有任何索償記錄，我們會於下一保單年度退還上一個保單年度保費的百分之十（10%）作為無索償折扣。",
tips: ""
}]
}
}
......
......@@ -27,7 +27,7 @@ $navHeiM: 6rem;
.logo-img {
margin-right: 2rem;
max-width: 17.75rem ;
max-width: 17.75rem;
cursor: pointer;
}
......@@ -113,34 +113,42 @@ $navHeiM: 6rem;
}
@media (max-width: 1200px) {
.v-header {
@include content-percent();
// @media (max-width: 1200px) {
// .v-header {
// @include content-percent();
.main-nav {}
// .main-nav {}
.logo-img {
max-width: 17.75rem ;
margin: 0;
}
// .logo-img {
// max-width: 17.75rem ;
// margin: 0;
// }
.pc {
display: none;
}
// .pc {
// display: none;
// }
.mobile {
display: block;
&-nav-list {
top: 32px;
}
}
}
// .mobile {
// display: block;
// &-nav-list {
// top: 32px;
// }
// }
// }
}
// }
@media (max-width: 768px) {
.v-header {
// 原1200px临界样式
@include content-percent();
.pc {
display: none;
}
height: $navHeight-M;
.logo-img {
......@@ -150,6 +158,7 @@ $navHeiM: 6rem;
.mobile {
display: block;
&-nav-list {
top: 24px;
}
......
......@@ -13,7 +13,7 @@ var UA = require("ua-device")
export default {
data() {
return {
key: 'value',
key: '$750<br>每保单年度最多180日',
// swiper
swiperOption: {
navigation: {
......@@ -64,26 +64,6 @@ export default {
onHideBannerTipsHandler() {
this.bannerTipsVisible = false;
},
// fetchBanner() {
// return new Promise((resolve, reject) => {
// httpPost({
// url: api.banner
// }).then(res => {
// resolve(res);
// });
// });
// },
// fetchIndexVideo() {
// return new Promise((resolve, reject) => {
// httpPost({
// url: api.indexVideo
// }).then(res => {
// sessionStorage.setItem("_video_url", res.videoUrl);
// sessionStorage.setItem("_poster_url", res.posterUrl);
// resolve(res);
// });
// });
// },
bottomBtnHandle() {
this.btnNavigateTo(this.bottomBtnType, this.bottomBtnLink);
},
......@@ -152,27 +132,6 @@ export default {
this.playerOptions = playerOptions;
},
initProduct() {
// let productList = [{
// showMore: false,
// title: "保證續保至100歲",
// desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
// tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
// }, {
// showMore: false,
// title: "不設終身保障限額"
// }, {
// showMore: false,
// title: "一家投保 盡享稅務扣減"
// }, {
// showMore: false,
// title: "承保投保前未知的已有疾病"
// }, {
// showMore: false,
// title: "出院免找數 讓您安心無憂"
// }, {
// showMore: false,
// title: "無索償折扣"
// }];
let productList = this.i18n.vhisDetail.productList;
if (this.productList && this.productList.length > 0) {
for (let index = 0; index < productList.length; index++) {
......
......@@ -165,29 +165,7 @@ $borderSize: 6px;
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;
height: 36px;
}
.easy2 {
margin-right: 10px;
margin-top: -4px;
height: 26px;
}
.tt {}
.t1 {
color: $cOrange2;
......@@ -201,9 +179,10 @@ $borderSize: 6px;
.t2 {
font-size: 24px;
margin-top: 36px;
line-height: 1.39;
// margin-top: 36px;
max-width: 780px;
margin: 36px auto 0;
}
.t2:lang(zh) {
......@@ -276,7 +255,7 @@ $borderSize: 6px;
display: flex;
margin-top: 6px;
// margin: 12px auto 0;
&-icon-wrap {
@extend .fcc;
cursor: pointer;
......@@ -338,8 +317,7 @@ $borderSize: 6px;
&-border {
width: 100%;
height: 4px;
background-color: $cOrange2;
@include border-tans(0px, 1.5px);
}
.table-item {
......@@ -350,7 +328,7 @@ $borderSize: 6px;
.tt {
@extend .bb;
width: 50%;
padding: 18px 12px 18px 0;
padding: 18px 18px 18px 0;
color: $cFontGray3;
}
......@@ -362,6 +340,8 @@ $borderSize: 6px;
background-color: #fef1ed;
padding-left: 100px;
border-right: solid 1px #e4e4e5;
display: flex;
align-items: center;
}
.val {
......@@ -443,6 +423,124 @@ $borderSize: 6px;
}
}
// 保障内容
.guarantee2 {
.tit {}
.container {
display: flex;
margin: 48px auto 0;
.table {
width: 582px;
.smal {
font-size: 18px;
}
.titl {
position: relative;
display: flex;
margin-bottom: 8px;
&-item {
width: 50%;
text-align: center;
color: $cOrange2;
font-size: 22px;
}
}
&-item {
height: 136px;
.label {
// padding: 0;
// @extend .fcc;
align-items: flex-start;
display: flex;
padding: 40px 12px 0;
.nn {}
.n1 {
text-align: right;
width: 44px;
margin-top: 2px;
margin-right: 8px;
color: $cOrange2;
}
.n2 {
flex: 1;
}
}
.val {
@extend .fcc;
flex-wrap: wrap;
padding: 0 0;
text-align: center;
line-height: 1.5;
flex: 1;
&-item {
width: 100%;
height: 81px;
}
}
}
&-item-4 {
height: 324px;
.val {
align-items: flex-start;
padding: 0 0;
text-align: center;
line-height: 1.5;
&-item {
@extend .bb;
@extend .fcc;
height: 81px;
border-bottom: solid 1px #e4e4e5;
}
}
}
&-item-3 {
height: 408px;
.val {
align-items: flex-start;
padding: 0 0;
text-align: center;
line-height: 1.5;
&-item {
@extend .bb;
@extend .fcc;
height: 136px;
border-bottom: solid 1px #e4e4e5;
.thr {
@extend .bb;
@extend .fcc;
width: 50%;
height: 100%;
border-right: solid 1px #e4e4e5;
}
}
}
}
}
}
}
// 下载
.download {
margin: 100px auto 0;
......@@ -456,13 +554,10 @@ $borderSize: 6px;
max-width: 602px;
height: 67px;
line-height: 67px;
// padding: 2px;
// border-radius: $borderSize;
cursor: pointer;
@include border-tans($borderSize);
.cont {
// @extend .fcc;
@extend .bb;
display: flex;
align-items: center;
......@@ -532,3 +627,137 @@ $borderSize: 6px;
height: 12px;
background-color: $cOrange2;
}
@media (max-width: 1200px) {
.content {
@include content-percent();
padding-bottom: $marginMedium-M;
.vjs-custom-skin {
width: 100%;
}
.product {
.prod {
&-item {
width: 45vw;
}
}
}
}
}
@media (max-width: 768px) {
.title {
padding: 24px 0;
.title-wrap {
@include content-percent();
}
.t1 {
font-size: $fontSizeTitle-M2;
}
.t2 {
font-size: $fontSize-M2;
margin: 18px auto 0;
}
}
.content {
// 产品
.product {
margin: 48px auto 0;
.tit {
font-size: $fontSizeTitle-M2;
}
.prod {
justify-content: center;
&-item {
width: 100%;
min-height: 132px;
.icon-wrap {
width: 30%;
padding-top: 22px;
img {
width: 50%;
}
}
.detail {
padding: 22px 10px 12px 0;
margin-left: 0;
font-size: $fontSize-M2;
.more {
.c1 {
font-size: $fontSizeSmall-M2;
}
}
}
}
}
}
.video {
margin: 32px auto 0;
}
// 保障
.guarantee {
margin: 32px auto 0;
.tit {
font-size: $fontSizeTitle-M2;
}
.table {
font-size: $fontSize-M2;
&-item {
flex-wrap: wrap;
.tt {
width: 100%;
}
.label,
.val {
padding: 18px;
}
}
}
}
// 下载
.download {
margin: 48px auto 0;
&-item {
.cont {
padding: 0;
padding-left: 52px;
font-size: $fontSize-M2;
}
.icon {
margin-right: 24px;
}
}
}
}
}
......
......@@ -27,12 +27,15 @@ $fontSize:14px;
$fontSizeSmall:12px;
$fontSizeTitle-M:17px;
$fontSize-M:14px;
$fontSizeSmall-M:12px;
$fontSizeTitle-M2:24px;
$fontSize-M2:20px;
$fontSizeSmall-M2:16px;
// Color
$cOrange:#f05a23;
$cFontGray: #4c4948;
......