页脚三语和首页加速
Showing
6 changed files
with
56 additions
and
45 deletions
| ... | @@ -72,7 +72,7 @@ module.exports = { | ... | @@ -72,7 +72,7 @@ module.exports = { |
| 72 | ] | 72 | ] |
| 73 | }, | 73 | }, |
| 74 | navList: [{ | 74 | navList: [{ |
| 75 | name: "Products", | 75 | name: "Our Products", |
| 76 | path: "/product/introduction", | 76 | path: "/product/introduction", |
| 77 | list: [{ | 77 | list: [{ |
| 78 | name: "VHIS", | 78 | name: "VHIS", |
| ... | @@ -177,6 +177,14 @@ module.exports = { | ... | @@ -177,6 +177,14 @@ module.exports = { |
| 177 | quote: "Quote now", | 177 | quote: "Quote now", |
| 178 | }, | 178 | }, |
| 179 | footer: { | 179 | footer: { |
| 180 | hotline:"customer service hotline", | ||
| 181 | serviceHour:"Service Hour:9:00 - 17:30 Monday to Friday", | ||
| 182 | address:"A137, 16/F, Tower 5, The Gateway, 21 Canton Road, Tsim Sha Tsui, Kowloon, Hong Kong", | ||
| 183 | |||
| 184 | ourProducts:"Our Products", | ||
| 185 | VHIS:"VHIS", | ||
| 186 | Insurance:"Insurance with Investment Focus", | ||
| 187 | |||
| 180 | hkPhone: "Hong Kong Phone No.", | 188 | hkPhone: "Hong Kong Phone No.", |
| 181 | cnPhone: "Mainland Phone No.", | 189 | cnPhone: "Mainland Phone No.", |
| 182 | aboutUs: "About Us", | 190 | aboutUs: "About Us", | ... | ... |
| ... | @@ -179,6 +179,14 @@ module.exports = { | ... | @@ -179,6 +179,14 @@ module.exports = { |
| 179 | quote: "立即報價", | 179 | quote: "立即報價", |
| 180 | }, | 180 | }, |
| 181 | footer: { | 181 | footer: { |
| 182 | hotline:"客戶服務熱線", | ||
| 183 | serviceHour:"服務時間:星期一至五 9:00-17:30", | ||
| 184 | address:"香港尖沙咀廣東道21號港威大廈第五座16樓A137", | ||
| 185 | |||
| 186 | ourProducts:"產品介紹", | ||
| 187 | VHIS:"自願醫保", | ||
| 188 | Insurance:"投資成份保險", | ||
| 189 | |||
| 182 | hkPhone: "香港號碼", | 190 | hkPhone: "香港號碼", |
| 183 | cnPhone: "內地號碼", | 191 | cnPhone: "內地號碼", |
| 184 | aboutUs: "關於我們", | 192 | aboutUs: "關於我們", | ... | ... |
| ... | @@ -179,6 +179,14 @@ module.exports = { | ... | @@ -179,6 +179,14 @@ module.exports = { |
| 179 | quote: "立即报价", | 179 | quote: "立即报价", |
| 180 | }, | 180 | }, |
| 181 | footer: { | 181 | footer: { |
| 182 | hotline:"客户服务热线", | ||
| 183 | serviceHour:"服务时间:星期一至五 9:00-17:30", | ||
| 184 | address:"香港尖沙咀广东道21号港威大厦第五座16楼A137", | ||
| 185 | |||
| 186 | ourProducts:"产品介绍", | ||
| 187 | VHIS:"自愿医保", | ||
| 188 | Insurance:"投资成份保险", | ||
| 189 | |||
| 182 | hkPhone: "香港号码", | 190 | hkPhone: "香港号码", |
| 183 | cnPhone: "内地号码", | 191 | cnPhone: "内地号码", |
| 184 | aboutUs: "关于我们", | 192 | aboutUs: "关于我们", | ... | ... |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <div class="info"> | 11 | <div class="info"> |
| 12 | <!-- 左边菜单 --> | 12 | <!-- 左边菜单 --> |
| 13 | <div class="hotline"> | 13 | <div class="hotline"> |
| 14 | <div class="hotline-tit">客戶服務熱線</div> | 14 | <div class="hotline-tit">{{$t('footer.hotline')}}</div> |
| 15 | <div class="contact"> | 15 | <div class="contact"> |
| 16 | <div class="n-item">{{$t('footer.hkPhone')}}</div> | 16 | <div class="n-item">{{$t('footer.hkPhone')}}</div> |
| 17 | <div class="phone">(852)2983 8866</div> | 17 | <div class="phone">(852)2983 8866</div> |
| ... | @@ -20,12 +20,12 @@ | ... | @@ -20,12 +20,12 @@ |
| 20 | <div class="n-item">{{$t('footer.cnPhone')}}</div> | 20 | <div class="n-item">{{$t('footer.cnPhone')}}</div> |
| 21 | <div class="phone">(86)40078 95511</div> | 21 | <div class="phone">(86)40078 95511</div> |
| 22 | </div> | 22 | </div> |
| 23 | <div class="server-time">服務時間:星期一至五 9:00-17:30</div> | 23 | <div class="server-time">{{$t('footer.serviceHour')}}</div> |
| 24 | 24 | ||
| 25 | <div class="contact-us"> | 25 | <div class="contact-us"> |
| 26 | <div class="tit">{{$t('footer.contactUs')}}</div> | 26 | <div class="tit">{{$t('footer.contactUs')}}</div> |
| 27 | <div class="address">香港尖沙咀廣東道21號港威大廈第五座16樓A137</div> | 27 | <div class="address">{{$t('footer.address')}}</div> |
| 28 | <div class="time">服務時間:星期一至五 9:00-17:30</div> | 28 | <div class="time">{{$t('footer.serviceHour')}}</div> |
| 29 | </div> | 29 | </div> |
| 30 | <div class="email">{{$t('common.Email')}}:cs@pingan.com.hk</div> | 30 | <div class="email">{{$t('common.Email')}}:cs@pingan.com.hk</div> |
| 31 | </div> | 31 | </div> |
| ... | @@ -34,10 +34,9 @@ | ... | @@ -34,10 +34,9 @@ |
| 34 | <div class="nav"> | 34 | <div class="nav"> |
| 35 | 35 | ||
| 36 | <div class="nav-v"> | 36 | <div class="nav-v"> |
| 37 | <div class="n-item n-item-tit">產品介紹</div> | 37 | <div class="n-item n-item-tit">{{$t('footer.ourProducts')}}</div> |
| 38 | <div @click="toPage('vhisDetail')" class="n-item">自願醫保</div> | 38 | <div @click="toPage('vhisDetail')" class="n-item">{{$t('footer.VHIS')}}</div> |
| 39 | <div @click="toPage('genRich')" class="n-item">投資成份保險</div> | 39 | <div @click="toPage('genRich')" class="n-item">{{$t('footer.Insurance')}}</div> |
| 40 | <div class="n-item">推廣優惠</div> | ||
| 41 | </div> | 40 | </div> |
| 42 | 41 | ||
| 43 | <div class="nav-v"> | 42 | <div class="nav-v"> |
| ... | @@ -47,35 +46,16 @@ | ... | @@ -47,35 +46,16 @@ |
| 47 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> | 46 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> |
| 48 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> | 47 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> |
| 49 | </div> | 48 | </div> |
| 50 | |||
| 51 | <!-- <div class="nav-v"> | ||
| 52 | <div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div> | ||
| 53 | <div @click="toPage('profile')" class="n-item">{{$t('footer.companyIntroduction')}}</div> | ||
| 54 | <div @click="toPage('newsList')" class="n-item">{{$t('footer.news')}}</div> | ||
| 55 | <div @click="toPage('joinUs')" class="n-item">{{$t('footer.joinUs')}}</div> | ||
| 56 | </div> | ||
| 57 | <div class="nav-v"> | ||
| 58 | <div @click="toPage('help')" class="n-item">{{$t('footer.helpCenter')}}</div> | ||
| 59 | <div @click="toPage('privacy')" class="n-item">{{$t('footer.privacy')}}</div> | ||
| 60 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> | ||
| 61 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> | ||
| 62 | </div> | ||
| 63 | <div class="nav-v"> | ||
| 64 | <div @click="toPath('/custom/service?q=m1')" class="n-item">{{$t('footer.contactUs')}}</div> | ||
| 65 | <div @click="toPage('contactMethod')" class="n-item">{{$t('footer.contactInformation')}}</div> | ||
| 66 | <div @click="toPage('serviceNet')" class="n-item">{{$t('footer.service')}}</div> | ||
| 67 | <div @click="toPage('map')" class="n-item">{{$t('footer.map')}}</div> | ||
| 68 | </div> --> | ||
| 69 | </div> | 49 | </div> |
| 70 | 50 | ||
| 71 | <!-- 菜单 移动端 --> | 51 | <!-- 菜单 移动端 前一版本移动端菜单跟PC版菜单不同,先照样独立维护两个菜单 --> |
| 72 | <div class="nav nav2"> | 52 | <div class="nav nav2"> |
| 73 | <div class="nav-v"> | 53 | <div class="nav-v"> |
| 74 | <div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div> | 54 | <div class="n-item n-item-tit">產品介紹</div> |
| 75 | <div @click="toPage('profile')" class="n-item">{{$t('footer.companyIntroduction')}}</div> | 55 | <div @click="toPage('vhisDetail')" class="n-item">自願醫保</div> |
| 76 | <div @click="toPage('newsList')" class="n-item">{{$t('footer.news')}}</div> | 56 | <div @click="toPage('genRich')" class="n-item">投資成份保險</div> |
| 77 | |||
| 78 | </div> | 57 | </div> |
| 58 | |||
| 79 | <div class="nav-v"> | 59 | <div class="nav-v"> |
| 80 | <div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div> | 60 | <div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div> |
| 81 | <div @click="toPage('joinUs')" class="n-item">{{$t('footer.joinUs')}}</div> | 61 | <div @click="toPage('joinUs')" class="n-item">{{$t('footer.joinUs')}}</div> |
| ... | @@ -83,11 +63,6 @@ | ... | @@ -83,11 +63,6 @@ |
| 83 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> | 63 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> |
| 84 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> | 64 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> |
| 85 | </div> | 65 | </div> |
| 86 | <!-- <div class="nav-v"> | ||
| 87 | <div @click="toPage('privacy')" class="n-item">{{$t('footer.privacy')}}</div> | ||
| 88 | <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div> | ||
| 89 | <div @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div> | ||
| 90 | </div> --> | ||
| 91 | </div> | 66 | </div> |
| 92 | 67 | ||
| 93 | <!-- 右边菜单 --> | 68 | <!-- 右边菜单 --> | ... | ... |
| ... | @@ -165,7 +165,7 @@ export default { | ... | @@ -165,7 +165,7 @@ export default { |
| 165 | v: "F" | 165 | v: "F" |
| 166 | } | 166 | } |
| 167 | ] | 167 | ] |
| 168 | console.log("result:", result); | 168 | // console.log("result:", result); |
| 169 | return result; | 169 | return result; |
| 170 | }, | 170 | }, |
| 171 | submitBtnDisabled() { | 171 | submitBtnDisabled() { |
| ... | @@ -340,7 +340,7 @@ export default { | ... | @@ -340,7 +340,7 @@ export default { |
| 340 | gender: this.quoteData.gender, | 340 | gender: this.quoteData.gender, |
| 341 | birthday: this.quoteData.birthday, | 341 | birthday: this.quoteData.birthday, |
| 342 | } | 342 | } |
| 343 | console.log("d:", d); | 343 | // console.log("d:", d); |
| 344 | this.btnNavigateTo("vhis", this.curTab.lastBtnDescribe.l, d); | 344 | this.btnNavigateTo("vhis", this.curTab.lastBtnDescribe.l, d); |
| 345 | } | 345 | } |
| 346 | if (this.curTab.relation == this.PRODUCT_REN_RICH) { | 346 | if (this.curTab.relation == this.PRODUCT_REN_RICH) { |
| ... | @@ -492,6 +492,18 @@ export default { | ... | @@ -492,6 +492,18 @@ export default { |
| 492 | this.paymentOptionList[2].n = this.i18n.index.quote.genRich.Quarterly; | 492 | this.paymentOptionList[2].n = this.i18n.index.quote.genRich.Quarterly; |
| 493 | this.paymentOptionList[3].n = this.i18n.index.quote.genRich.Monthly; | 493 | this.paymentOptionList[3].n = this.i18n.index.quote.genRich.Monthly; |
| 494 | 494 | ||
| 495 | |||
| 496 | // 读取缓存 其实也没啥用 图大的话还是慢 | ||
| 497 | let tempDataList = JSON.parse(sessionStorage.getItem("_pingan_index_datalist")); | ||
| 498 | let tempBannerList = JSON.parse(sessionStorage.getItem("_pingan_index_bannerlist")); | ||
| 499 | |||
| 500 | if (tempDataList) { | ||
| 501 | this.dataList = tempDataList; | ||
| 502 | } | ||
| 503 | if (tempBannerList) { | ||
| 504 | this.bannerList = tempBannerList; | ||
| 505 | } | ||
| 506 | |||
| 495 | // 可以埋数据在 localStorage | 507 | // 可以埋数据在 localStorage |
| 496 | httpPost({ | 508 | httpPost({ |
| 497 | url: api.indexManageListApi, | 509 | url: api.indexManageListApi, |
| ... | @@ -517,9 +529,6 @@ export default { | ... | @@ -517,9 +529,6 @@ export default { |
| 517 | }); | 529 | }); |
| 518 | 530 | ||
| 519 | // 增加一个tap | 531 | // 增加一个tap |
| 520 | // this.dataList.push(JSON.parse(JSON.stringify(this.dataList[0]))); | ||
| 521 | // this.dataList.push(JSON.parse(JSON.stringify(this.dataList[0]))); | ||
| 522 | // this.dataList.push(JSON.parse(JSON.stringify(this.dataList[0]))); | ||
| 523 | 532 | ||
| 524 | this.dataList.forEach((element, idx) => { | 533 | this.dataList.forEach((element, idx) => { |
| 525 | element.index = idx; | 534 | element.index = idx; |
| ... | @@ -530,7 +539,10 @@ export default { | ... | @@ -530,7 +539,10 @@ export default { |
| 530 | this.bannerList.forEach(element => { | 539 | this.bannerList.forEach(element => { |
| 531 | element.btns = element.btnDescribe; | 540 | element.btns = element.btnDescribe; |
| 532 | }); | 541 | }); |
| 533 | // console.log("this.dataList:", this.dataList); | 542 | |
| 543 | // 设置缓存 | ||
| 544 | sessionStorage.setItem("_pingan_index_datalist", JSON.stringify(this.dataList)); | ||
| 545 | sessionStorage.setItem("_pingan_index_bannerlist", JSON.stringify(this.bannerList)); | ||
| 534 | }) | 546 | }) |
| 535 | 547 | ||
| 536 | }, | 548 | }, | ... | ... |
-
Please register or sign in to post a comment