Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
599ac7e6 by simon
Options

默认提交

1 parent 21f82d49
Inline Side-by-side
Showing 5 changed files with 81 additions and 28 deletions
...@@ -282,6 +282,33 @@ module.exports = { ...@@ -282,6 +282,33 @@ module.exports = {
282 }, 282 },
283 ] 283 ]
284 }, 284 },
285 contactUs: {
286 service: {
287 center: {
288 title: "客戶服務中心",
289 address: "地址：香港尖沙嘴港威永金融大樓",
290 time: "服務時間：星期壹至五9:00-18:00",
291 },
292 hotline: {
293 title: "客戶服務熱線",
294 hk: "香港號碼：(852)2983 8866",
295 cn: "內地號碼：(86)40078 95511",
296 time: "服務時間：星期壹至五9:00-18:00"
297 },
298 mail: {
299 title: "客戶服務電郵",
300 mail: "cs@pingan.com.hk"
301 }
302 },
303 pulbic: {
304 title: "微信公眾號",
305 m1: "登陸「微信」APP， 按右上角的「+」按鈕並選擇「添加朋友」，選擇「公眾號」 輸入並搜索「平安人壽香港」",
306 m2: "登陸「微信」APP， 按右上角的「+」按鈕並選擇「掃壹掃」掃描下方二維碼（放置二維碼）"
307 },
308 qrcode: {
309 title: "官方公眾號"
310 }
311 },
285 customService: { 312 customService: {
286 name: "客戶服務", 313 name: "客戶服務",
287 menu1: "聯繫我們", 314 menu1: "聯繫我們",
......
...@@ -283,6 +283,34 @@ module.exports = { ...@@ -283,6 +283,34 @@ module.exports = {
283 }, 283 },
284 ] 284 ]
285 }, 285 },
286
287 contactUs: {
288 service: {
289 center: {
290 title: "客户服务中心",
291 address: "地址：香港尖沙嘴港威永金融大楼",
292 time: "服务时间：星期一至五9:00-18:00",
293 },
294 hotline: {
295 title: "客户服务热线",
296 hk: "香港号码：(852)2983 8866",
297 cn: "内地号码：(86)40078 95511",
298 time: "服务时间：星期一至五9:00-18:00"
299 },
300 mail: {
301 title: "客户服务电邮",
302 mail: "cs@pingan.com.hk"
303 }
304 },
305 pulbic: {
306 title: "微信公众号",
307 m1: "登陆「微信」APP， 按右上角的「+」按钮並选择「添加朋友」，选择「公众号」 输入并搜索「平安人寿香港」",
308 m2: "登陆「微信」APP， 按右上角的「+」按钮並选择「扫一扫」扫描下方二维码（放置二维码）"
309 },
310 qrcode: {
311 title: "官方公众号"
312 }
313 },
286 customService: { 314 customService: {
287 name: "客户服务", 315 name: "客户服务",
288 menu1: "联系我们", 316 menu1: "联系我们",
......
...@@ -42,8 +42,6 @@ ...@@ -42,8 +42,6 @@
42 .qrcode-wrap { 42 .qrcode-wrap {
43 text-align: center; 43 text-align: center;
44 44
45 // margin:;
46 // margin-right: ;
47 .qrocde {} 45 .qrocde {}
48 } 46 }
49 47
...@@ -63,6 +61,8 @@ ...@@ -63,6 +61,8 @@
63 61
64 .info2 { 62 .info2 {
65 .info-item { 63 .info-item {
66 margin: 0; 64 // margin: 0;
65 @extend .bb;
66 padding-right: 2rem;
67 } 67 }
68 } 68 }
......
...@@ -8,29 +8,27 @@ ...@@ -8,29 +8,27 @@
8 <div class="icon-wrap"> 8 <div class="icon-wrap">
9 <img class="icon" src="@/assets/images/contact-us/icon-cs-service.png"> 9 <img class="icon" src="@/assets/images/contact-us/icon-cs-service.png">
10 </div> 10 </div>
11 客戶服務中心 11 {{$t('contactUs.service.center.title')}}
12 </div> 12 </div>
13 <div class="info-item-detail"> 13 <div class="info-item-detail">
14 <ul> 14 <ul>
15 <li>地址：香港尖沙嘴港威永金融大樓</li> 15 <li>{{$t('contactUs.service.center.address')}}</li>
16 <li>服務時間：星期壹至五9:00-18:00</li> 16 <li>{{$t('contactUs.service.center.time')}}</li>
17 </ul> 17 </ul>
18 </div> 18 </div>
19
20 </div> 19 </div>
21
22 <div class="info-item"> 20 <div class="info-item">
23 <div class="info-item-tit"> 21 <div class="info-item-tit">
24 <div class="icon-wrap"> 22 <div class="icon-wrap">
25 <img class="icon" src="@/assets/images/contact-us/icon-cs-call.png"> 23 <img class="icon" src="@/assets/images/contact-us/icon-cs-call.png">
26 </div> 24 </div>
27 客戶服務熱線 25 {{$t('contactUs.service.hotline.title')}}
28 </div> 26 </div>
29 <div class="info-item-detail"> 27 <div class="info-item-detail">
30 <ul> 28 <ul>
31 <li>香港號碼：(852)2983 8866</li> 29 <li>{{$t('contactUs.service.hotline.hk')}}</li>
32 <li>內地號碼：(86)40078 95511</li> 30 <li>{{$t('contactUs.service.hotline.cn')}}</li>
33 <li>服務時間：星期壹至五9:00-18:00</li> 31 <li>{{$t('contactUs.service.hotline.time')}}</li>
34 </ul> 32 </ul>
35 </div> 33 </div>
36 </div> 34 </div>
...@@ -40,11 +38,11 @@ ...@@ -40,11 +38,11 @@
40 <div class="icon-wrap"> 38 <div class="icon-wrap">
41 <img class="icon" src="@/assets/images/contact-us/icon-cs-email.png"> 39 <img class="icon" src="@/assets/images/contact-us/icon-cs-email.png">
42 </div> 40 </div>
43 客戶服務電郵 41 {{$t('contactUs.service.mail.title')}}
44 </div> 42 </div>
45 <div class="info-item-detail"> 43 <div class="info-item-detail">
46 <ul> 44 <ul>
47 <li>cs@pingan.com.hk</li> 45 <li> {{$t('contactUs.service.mail.mail')}}</li>
48 </ul> 46 </ul>
49 </div> 47 </div>
50 </div> 48 </div>
...@@ -56,18 +54,18 @@ ...@@ -56,18 +54,18 @@
56 <div class="icon-wrap"> 54 <div class="icon-wrap">
57 <img class="icon" src="@/assets/images/contact-us/icon-cs-wechat.png"> 55 <img class="icon" src="@/assets/images/contact-us/icon-cs-wechat.png">
58 </div> 56 </div>
59 微信公眾號 57 {{$t('contactUs.pulbic.title')}}
60 </div> 58 </div>
61 <div class="info-item-detail"> 59 <div class="info-item-detail">
62 <ul> 60 <ul>
63 <li>登陸「微信」APP，按右上角的「+按鈕並選擇「添加朋友」選擇「公眾號」輸入並搜索「平安人壽香港」</li> 61 <li>{{$t('contactUs.pulbic.m1')}}</li>
64 <li>登陸「微信」APP，按右上角的「+」按鈕並選擇「掃壹掃」</li> 62 <li>{{$t('contactUs.pulbic.m2')}}</li>
65 </ul> 63 </ul>
66 </div> 64 </div>
67 </div> 65 </div>
68 <div class="qrcode-wrap"> 66 <div class="qrcode-wrap">
69 <img src="@/assets/images/contact-us/cs-qrcode.png"> 67 <img src="@/assets/images/contact-us/cs-qrcode.png">
70 <div class="t1">官方公眾號</div> 68 <div class="t1">{{$t('contactUs.qrcode.title')}}</div>
71 </div> 69 </div>
72 </div> 70 </div>
73 </div> 71 </div>
......
...@@ -13,7 +13,7 @@ import CommonForm from './components/common-form.vue' ...@@ -13,7 +13,7 @@ import CommonForm from './components/common-form.vue'
13 export default { 13 export default {
14 data() { 14 data() {
15 return { 15 return {
16 activity: "m8" 16 activity: "m1"
17 } 17 }
18 }, 18 },
19 methods: { 19 methods: {
...@@ -30,17 +30,17 @@ export default { ...@@ -30,17 +30,17 @@ export default {
30 } 30 }
31 }, 31 },
32 watch: { 32 watch: {
33 // $route() { 33 $route() {
34 // let activity = this.$route.query.q; 34 let activity = this.$route.query.q;
35 // if (activity) { 35 if (activity) {
36 // this.$set(this, 'activity', activity); 36 this.$set(this, 'activity', activity);
37 // } 37 }
38 // } 38 }
39 }, 39 },
40 created() { 40 created() {
41 // let activity = this.$route.query.q; 41 let activity = this.$route.query.q;
42 // activity = activity ? activity : "m3"; 42 activity = activity ? activity : "m1";
43 // this.activity = activity; 43 this.activity = activity;
44 }, 44 },
45 components: { 45 components: {
46 ContactUs, 46 ContactUs,
......