Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
2df07f3a by simon
Options

no message

1 parent b09a75b9
Inline Side-by-side
Showing 7 changed files with 165 additions and 39 deletions
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "Official Accounts",
copyright:"版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
},
login: {
title: "平安壹賬通",
loginType1: "账密登录",
loginType2: "動態密碼登录",
account: "賬號",
accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
password: "密碼",
passwordPlaceholder: "輸入登錄密碼",
verifyPlaceholder: "請輸入驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "註冊",
forget: "忘記密碼",
mobile: "手機號",
mobilePlaceholder: "手機號",
verifyCode: "驗證碼",
verifyCodePlaceholder: "驗證碼",
verifyCodeGet: "獲取驗證碼",
},
register: {
title: "平安壹賬通",
title2: "請設置新的密碼",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "請輸入驗證碼",
verifyCodeGet: "獲取驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "點擊註冊",
newPassword: "新密碼",
newPasswordPlaceholder: "輸入登錄密碼",
newPasswordSure: "確認密碼",
newPasswordSurePlaceholder: "輸入登錄密碼",
sure: "確認",
},
index: {
news: "news",
newMore: "more",
......
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "官方公眾號",
copyright: "版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
},
login: {
title: "平安壹賬通",
loginType1: "账密登录",
loginType2: "動態密碼登录",
account: "賬號",
accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
password: "密碼",
passwordPlaceholder: "輸入登錄密碼",
verifyPlaceholder: "請輸入驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "註冊",
forget: "忘記密碼",
mobile: "手機號",
mobilePlaceholder: "手機號",
verifyCode: "驗證碼",
verifyCodePlaceholder: "驗證碼",
verifyCodeGet: "獲取驗證碼",
},
register: {
title: "平安壹賬通",
title2: "請設置新的密碼",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "請輸入驗證碼",
verifyCodeGet: "獲取驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "點擊註冊",
newPassword: "新密碼",
newPasswordPlaceholder: "輸入登錄密碼",
newPasswordSure: "確認密碼",
newPasswordSurePlaceholder: "輸入登錄密碼",
sure: "確認",
},
index: {
news: "新聞資訊",
newMore: "查看更多",
......
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "官方公众号",
copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
},
login: {
title: "平安一账通",
loginType1: "账密登录",
loginType2: "动态密码登录",
account: "账号",
accountPlaceholder: "请输入证件号/一账通用户名/手机号",
password: "密码",
passwordPlaceholder: "输入登录密码",
verifyPlaceholder: "请输入验证码",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "注册",
forget: "忘记密码",
mobile: "手机号",
mobilePlaceholder: "手机号",
verifyCode: "验证码",
verifyCodePlaceholder: "验证码",
verifyCodeGet: "获取验证码",
},
register: {
title: "平安一账通",
title2: "请设置新的密码",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "请输入验证码",
verifyCodeGet: "获取验证码",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "点击注册",
newPassword: "新密码",
newPasswordPlaceholder: "输入登录密码",
newPasswordSure: "确认密码",
newPasswordSurePlaceholder: "输入登录密码",
sure: "确认",
},
index: {
news: "新闻资讯",
newMore: "查看更多",
......
......@@ -12,6 +12,14 @@ export default {
}
},
components: {},
computed: {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
methods: {
onCheckHandler() {
......
......@@ -8,84 +8,84 @@
<div class="box">
<!-- 帐密登陆 -->
<div v-if="type == 1" class="login">
<div class="login-tit">平安壹賬通</div>
<div class="login-tit"> {{$t('login.title')}} </div>
<div class="login-nav">
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">账密登录</div>
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">{{$t('login.loginType1')}}</div>
<div class="login-nav-v-line">|</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">動態密碼登录</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">{{$t('login.loginType2')}}</div>
</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-user.png"> 账号
<img src="@/assets/images/login/icon-login-user.png"> {{$t('login.account')}}
</div>
<div class="ipt-wrap">
<input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text">
<input :placeholder="$t('login.accountPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-password.png"> 密码
<img src="@/assets/images/login/icon-login-password.png"> {{$t('login.password')}}
</div>
<div class="ipt-wrap">
<input placeholder="輸入登錄密碼" class="ipt" type="text">
<input :placeholder="$t('login.passwordPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<input placeholder="請輸入驗證碼" class="ipt ipt-verify" type="text">
<input :placeholder="$t('login.verifyPlaceholder')" class="ipt ipt-verify" type="text">
<div class="ipt verify-btn pointer">5136</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">登入</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
<div class="login-func">
<div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div>
<div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
</div>
</div>
<!-- OTP登陆 -->
<div v-if="type == 2" class="login">
<div class="login-tit">平安壹賬通</div>
<div class="login-tit"> {{$t('login.title')}}</div>
<div class="login-nav">
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer">账密登录</div>
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer"> {{$t('login.loginType1')}}</div>
<div class="login-nav-v-line">|</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active">動態密碼登录</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active"> {{$t('login.loginType2')}}</div>
</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-phone.png"> 手機號
<img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}}
</div>
<div class="ipt-wrap">
<input placeholder="手機號" class="ipt" type="text">
<input :placeholder="$t('login.mobilePlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-message.png"> 驗證碼
<img src="@/assets/images/login/icon-login-message.png"> {{$t('login.verifyCode')}}
</div>
<div class="ipt-wrap">
<div class="ipt ipt2">
<input placeholder="驗證碼" class="ipt-code" type="text">
<div class="veri-btn pointer">獲取驗證碼</div>
<input :placeholder="$t('login.verifyCodePlaceholder')" class="ipt-code" type="text">
<div class="veri-btn pointer"> {{$t('login.verifyCodeGet')}}</div>
</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">登入</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
<div class="login-func">
<div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div>
<div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
</div>
</div>
</div>
......
......@@ -12,6 +12,14 @@ export default {
}
},
components: {},
computed: {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
methods: {
onCheckHandler() {
......
......@@ -11,13 +11,18 @@
</div>
<div class="box">
<div v-if="type == 1" class="login">
<div class="login-tit">歡迎註冊一賬通</div>
<div class="login-tit">{{$t('register.title')}}</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt">
<template v-if="locale == 'zh'">
<option>香港手机号</option>
</template>
<template v-else>
<option>香港手機號</option>
</template>
</select>
</div>
</div>
......@@ -25,46 +30,46 @@
<div class="ipt-wrap">
<div class="ipt ipt2">
<div class="region-tel">+852</div>
<input placeholder="请输入8位手机号码" class="ipt-tel" type="text">
<input :placeholder="$t('register.mobilePlaceholder')" class="ipt-tel" type="text">
</div>
</div>
</div>
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<div class="ipt ipt2">
<input placeholder="請輸入驗證碼" class="ipt-code" type="text">
<div class="veri-btn pointer">獲取驗證碼</div>
<input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text">
<div class="veri-btn pointer">{{$t('register.verifyCodeGet')}}</div>
</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">{{$t('register.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('register.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">點擊註冊</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.register')}}</div>
</div>
<div v-if="type == 2" class="login">
<div class="login-tit">請設置新的密碼</div>
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> 新密碼
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> 確認密碼
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}}
</div>
<div class="ipt-wrap">
<input placeholder="輸入登錄密碼" class="ipt" type="text">
<input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="text">
</div>
</div>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">確認</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
</div>
</div>
......