index.vue
5.31 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<template>
<div class="page page-index">
<div class="banner-contaner">
<!-- banner 轮播 -->
<div class="banner banner-pc">
<swiper :options="swiperOption">
<swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-p1-'+locale+'.png')">
<div class="btn-wrap">
<div class="banner-btn">产品详情</div>
<div class="banner-btn">在线报价</div>
</div>
</swiper-slide>
<swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-p2-'+locale+'.png')">
<div class="btn-wrap">
<div class="banner-btn">产品详情</div>
<div class="banner-btn">在线报价</div>
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
<div class="banner banner-mobile">
<swiper class="swiper" :options="swiperOption">
<swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-m1-'+locale+'.jpg')">
<div class="btn-wrap">
<div class="banner-btn">产品详情></div>
<div class="banner-btn">在线报价></div>
</div>
</swiper-slide>
<swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-m2-'+locale+'.jpg')">
<div class="btn-wrap">
<div class="banner-btn">产品详情></div>
<div class="banner-btn">在线报价></div>
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
<!-- <div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div> -->
</div>
<div class="content">
<!-- 推荐产品 -->
<div class="box recommend gird-g">
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(1)" class="btn pointer">{{$t('index.recommend.t1')}}</div>
<div class="img img1"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(3)" class="btn pointer">{{$t('index.recommend.t2')}}</div>
<div class="img img2"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(1)" class="btn pointer">{{$t('index.recommend.t3')}}</div>
<div class="img img3"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(4)" class="btn pointer">{{$t('index.recommend.t4')}}</div>
<div class="img img4"></div>
</div>
</div>
<!-- 详情 -->
<div class="box detail">
<video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true">
</video-player>
<div v-if="$i18n.locale == 'zh'" class="txt">
中国平安人寿保险股份有限公司成立于2002年,是中国平安保险（集团）股份有限公司旗下的重要成员。截至2017年12月31日,平安人寿注册资本为338亿元，在全国拥有42家分公司（含7家电话销售中心）及超过3,300个营业网点,寿险代理人达138.6万名。公司个险、银保、电销、互联网多渠道齐头并进，实现协同发展，运营管理水平及客户体验领先市场，并依托集团“金融+科技”双驱动战略，在合规经营、防范风险的前提下，开启平台经营新时代，持续提升产品、科技两大核心竞争力，推动内含价值及规模持续、健康、稳定增长。
</div>
<div v-else-if="$i18n.locale == 'tc'" class="txt">
中國平安人壽保險股份有限公司成立於2002年,是中國平安保險（集團）股份有限公司旗下的重要成員。截至2017年12月31日,平安人壽註冊資本為338億元，在全國擁有42家分公司（含7家電話銷售中心）及超過3,300個營業網點,壽險代理人達138.6萬名。公司個險、銀保、電銷、互聯網多渠道齊頭並進，實現協同發展，運營管理水平及客戶體驗領先市場，並依托集團“金融+科技”雙驅動戰略，在合規經營、防範風險的前提下，開啟平臺經營新時代，持續提升產品、科技兩大核心競爭力，推動內含價值及規模持續、健康、穩定增長。
</div>
<div v-else class="txt">
Ping An Life Insurance Co., Ltd. of China was founded in 2002. It is an important member of Ping An insurance (Group) Co., Ltd. As of December 31, 2017, Ping An life had a registered capital of 33.8 billion yuan. It has 42 branches (including 7 telemarketing centers) and more than 3300 business outlets nationwide, with 1.386 million life insurance agents. The company's personal insurance, bancassurance, telemarketing and Internet multi-channel go hand in hand to achieve coordinated development, leading the market in operation and management level and customer experience, and relying on the group's "Finance + technology" dual drive strategy, under the premise of compliant operation and risk prevention, to open a new era of platform operation, continuously improve the two core competitiveness of products and technology, and promote the sustainability of embedded value and scale Healthy and stable growth.
</div>
</div>
</div>
</div>
</template>
<script src="./index.js"></script>
<style lang="scss" scoped>
@import "./index.scss";
</style>