Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
f8a6ed3a by joe
Options

各种文案复制

1 parent 4a8dd96e
Expand all
Inline Side-by-side
Showing 7 changed files with 100 additions and 15 deletions
......@@ -9,7 +9,7 @@ import InsuranceQuery from './components/insurance-query.vue'
export default {
data() {
return {
activity: "m1"
activity: "m3"
}
},
methods: {
......@@ -22,7 +22,7 @@ export default {
},
created() {
let activity = this.$route.params.p;
activity = activity ? activity : "m1";
activity = activity ? activity : "m3";
this.activity = activity;
},
components: {
......
......@@ -55,6 +55,14 @@
background: url("~@/assets/images/insurance-query/m6-unselect.png") no-repeat center center;
background-size: 100% 100%;
}
.m7 {
background: url("~@/assets/images/insurance-query/m6-unselect.png") no-repeat center center;
background-size: 100% 100%;
}
.m8 {
background: url("~@/assets/images/insurance-query/m6-unselect.png") no-repeat center center;
background-size: 100% 100%;
}
}
.menu-item.activity {
color: #f05a23 !important;
......@@ -83,6 +91,14 @@
background: url("~@/assets/images/insurance-query/m6.png") no-repeat center center;
background-size: 100% 100%;
}
.m7 {
background: url("~@/assets/images/insurance-query/m6.png") no-repeat center center;
background-size: 100% 100%;
}
.m8 {
background: url("~@/assets/images/insurance-query/m6.png") no-repeat center center;
background-size: 100% 100%;
}
}
}
......
......@@ -4,10 +4,9 @@
<div class="left-panel">
<div class="menu-item" :class="{activity : activity == 'm1'}" @click="activity = 'm1'">
<i class="m1"></i>{{$t('customService.menu1')}}
<div></div>
</div>
<div class="separator"></div>
<div class="menu-item" :class="{activity : activity == 'm2'}" @click="activity = 'm2'">
<div class="menu-item" :class="{activity : activity == 'm2'}" @click="toPath('/payment/type');/*activity = 'm2'*/">
<i class="m2"></i>{{$t('customService.menu2')}}
</div>
<div class="separator"></div>
......@@ -19,13 +18,21 @@
<i class="m4"></i>{{$t('customService.menu4')}}
</div>
<div class="separator"></div>
<div class="menu-item" :class="{activity : activity == 'm5'}" @click="toPath('/reservation')/*activity = 'm5'*/">
<div class="menu-item" :class="{activity : activity == 'm5'}" @click="activity = 'm5'">
<i class="m5"></i>{{$t('customService.menu5')}}
</div>
<div class="separator"></div>
<div class="menu-item" :class="{activity : activity == 'm6'}" @click="activity = 'm6'">
<div class="menu-item" :class="{activity : activity == 'm6'}" @click="toPath('/reservation')/*activity = 'm6'*/">
<i class="m6"></i>{{$t('customService.menu6')}}
</div>
<div class="separator"></div>
<div class="menu-item" :class="{activity : activity == 'm7'}" @click="activity = 'm7'">
<i class="m7"></i>{{$t('customService.menu7')}}
</div>
<div class="separator"></div>
<div class="menu-item" :class="{activity : activity == 'm8'}" @click="activity = 'm8'">
<i class="m8"></i>{{$t('customService.menu8')}}
</div>
</div>
<div class="min-panel">
<div class="item" :class="{activity : activity == 'm1'}">
......@@ -46,17 +53,24 @@
<div class="item" :class="{activity : activity == 'm6'}">
<div class="triangle"></div>
</div>
<div class="item" :class="{activity : activity == 'm7'}">
<div class="triangle"></div>
</div>
<div class="item" :class="{activity : activity == 'm8'}">
<div class="triangle"></div>
</div>
</div>
<div class="right-panel">
<div class="panel" :class="{activity : activity == 'm1'}">
<div class="panel" :class="{activity : activity == 'm1'}"></div>
<div class="panel" :class="{activity : activity == 'm2'}"></div>
<div class="panel" :class="{activity : activity == 'm3'}">
<insurance-query></insurance-query>
<div class="empty-line"></div>
</div>
<div class="panel" :class="{activity : activity == 'm2'}">m2</div>
<div class="panel" :class="{activity : activity == 'm3'}">m3</div>
<div class="panel" :class="{activity : activity == 'm4'}">m4</div>
<div class="panel" :class="{activity : activity == 'm5'}">m5</div>
<div class="panel" :class="{activity : activity == 'm6'}">m6</div>
<div class="empty-line"></div></div>
<div class="panel" :class="{activity : activity == 'm4'}"></div>
<div class="panel" :class="{activity : activity == 'm5'}"></div>
<div class="panel" :class="{activity : activity == 'm6'}"></div>
<div class="panel" :class="{activity : activity == 'm7'}"></div>
<div class="panel" :class="{activity : activity == 'm8'}"></div>
</div>
</div>
</template>
......
......@@ -15,5 +15,7 @@ export default {
initData() {}
},
mounted() {},
created() {}
created() {
console.log(this.$i18n.locale);
}
}
......
<template>
<div class="content">
<div v-if="$i18n.locale != 'zh'">
<div class="top-space"></div>
<h2 class="tit">使用條款</h2>
<div class="box desc">
......@@ -50,6 +51,58 @@
</div>
</div>
<div v-if="$i18n.locale == 'zh'">
<div class="top-space"></div>
<h2 class="tit">使用条件</h2>
<div class="box desc">
<strong>使用条件</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;如阁下使用本网站，即表示阁下完全同意以下的使用条款，并不附加其他限制或规条。在使用本网站前，请先仔细阅读各条款。有关条款可能随时作出更改，并在本页刊登。阁下须遵从有关更改，因此阁下应该定期参阅本页，以得知相关的最新条款。
<br><br><br>
<strong>免责声明</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;本网站所载资料是在允许的范围内尽量依据适用之法律，（1）以“现状”形式提供，且并不带有任何明示或隐含的保证，中国平安人寿保险（香港）有限公司（以下简称“平安”) 就所有明示或隐含保证作出免责声明，而此等保证范围包括但不限于隐含的可销售性和特殊用途合适性保证 ; (2) 平安并不保证网站或所载资料的功能不会中断或不含错误，也不保证不妥当之处必被更正，或本网站所设之服务器不受病毒或其他有害成份影响 ; 以及(3) 平安不会就使用本网站内资料、或因使用此等资料之正确性、准确性、可靠性或其他方面所导致的后果作出保证或其他声明。在此所载的资料和说明只可作一般性参考资料，并非完全旨在提供适用于各产品和服务的所有条款和不适用范围。详细资料请参阅实际保单或有关产品或服务之协议。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;本网站可能会接驳到不属于平安所运作的其他网站。平安不会就第三者网站的有效性、内容或准确性承担任何责任; 并且不会就使用第三者连结作出任何保证,包括明示或暗示。接驳到此等网站并不代表平安已批核或赞同此等网站或其内容。接驳到此等网站并不代表平安已批核或赞同此等网站或其内容。阁下知道和同意浏览这些网站时自己所承受的风险。
<br><br><br>
<strong>法律责任的限制</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安会在合理的情况下尽力在本网站刊载准确和最新的资料，但亦有可能出现错误或遗漏。平安在允许的范围内尽量依据适用法律，均不会就本网站内容的准确性在任何情况下，作出保证或声明。平安或任何参与本网站创作、制作或发放网内信息的人士也不会因使用或不能使用本网站内资料而引起的直接、附带、随之发生的、间接或惩罚性赔偿而要向阁下负责，即使平安或平安的授权代表已被通知此等赔偿的可能性。在允许的范围内尽量依据适用之法律，无论在任何情况下，平安就所有赔偿、损失和其他行动对阁下所需负上的整体责任不会超出任何阁下可能曾就连接本网站所付出的金额。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安并不会就阁下连接、使用或浏览本网站、或由本网站下载任何资料、数据、文字、影像、视像或音效而对阁下的计算机设备或其他财产造成的损害或受病毒的影响而负上任何责任。
<br><br><br>
<strong>使用资料的限制</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;本网站由平安拥有和运作。除非获得平安明确允许，否则不得将本网站或任何平安拥有、运作、许可或控制的网站所载的资料以任何方式复印、复制、出版、更改、储存在恢复系统、用于创作衍生作品、上载、刊登、传送(透过任何形式或透过任何渠道)、发放或在任何情况用于公众或商业用途。阁下可以下载本网站所显示资料供阁下使用，惟阁下必须保留资料内所有版权和其他拥有权通知。未经平安书面批准，阁下不可发放、更改、传送、再使用、再刊登或使用本网站的内容(包括文字、影像、音效和视像)作公众或商业用途。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安并不保证或声明阁下使用显示于本网站的资料不会侵犯第三者权利。
<br><br><br>
<strong>司法事项</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;除非在此明确说明，否则平安并未就本网址所载资料是否适合于或可供使用于任何地方作出声明。选择连接本网站人士是其本身采取主动进行连接，并负有责任遵守当地法律。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;除非在此明确说明，否则本网站所载资料并不代表平安锐意推售平安所提供之任何证券、任何保险产品或其他产品或服务的销售要约或购买建议。如果在某司法 管辖范围下，证券、保险产品或其他产品或服务的要约或建议、购买或销售触犯证券法、保险法或其他法例，此等产品和服务不会在该司法范围由平安提供，即使 由平安提供也不会生效。某些产品和服务可能不会在所有司法范围提供。
<br><br><br>
<strong>资料拥有权</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;任何数据，除了个人资料外，其他经电子邮件或其他途径透过本网站传送至平安的资料，包括数据、查询、意见或建议，会被当作非机密性和非专利的资料，并成为平安拥有的财产。这些资料可能会被用作任何用途，包括但不限于再制作、建议、公开、传送、出版、广播和刊登。平安可自由使用任何利用其他途径透过本网 站传送至平安的讯息，包括意念、概念、知识或技术用作任何用途，包括但不限于产品之开发和市场拓展。作为本部分的条款，阁下透过本网站或其他网站传送资料(个人资料以外)至 平安，阁下将放弃所有可能适用于阁下对有关资料的权利。
<br><br><br>
<strong>知识产权</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;所有商标、服务标志、商品名称、标识和功能标志拥有权均属平安所有。除非在这些条款明确说明和在适用的法例允许下，否则未得平安的书面批准，本网站所载 任何内容均不应诠释为无论是以暗示、不容反悔法或其他形式之准予、任何特许或权利以使用平安的知识产权，包括但不限于本网站上显示的任何商标或标签。除在此网站列明可行的情况外，阁下绝对不得使用本网站上所显示的商标或卷标，或本网站上任何其他内容。
<br><br><br>
<strong>软件使用权</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;此网站所有或提供予阁下的任何软件，平安给予阁下非全部、有限和个人许可，并只可在个人和非商业的情况下下载和使用有关软件。我们不赋予软件的其他权利。所有的权利，包括软件的知识产权属平安的财产、相关持牌者或软件的拥有者。除非法律允许，否则阁下不能对软件作出机械颠倒、程序逆转、更改或损害。
<br><br><br>
<strong>保安提示</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安非常重视使用本网站人士资料的安全和保密问题。虽然在公开媒介如互联网进行商业活动时固然存在风险，我们已实行了措施以减低这些风险。为保护和保障阁下的隐私，本网站采用先进的保安系统，使用Netscape Navigator version 4.0 或 Microsoft Internet Explorer version 4.0 或更先进的版本。
<br><br><br>
<strong>受监管的法例和管辖权</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;此使用条款受中华人民共和国香港特别行政区(简称“香港”)法律监管，而各方同意提交予香港法院作为专有管辖。
</div>
</div>
</div>
</template>
......