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 166 additions and 40 deletions
...@@ -108,6 +108,41 @@ module.exports = { ...@@ -108,6 +108,41 @@ module.exports = {
108 qrcode: "Official Accounts", 108 qrcode: "Official Accounts",
109 copyright:"版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!" 109 copyright:"版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
110 }, 110 },
111 login: {
112 title: "平安壹賬通",
113 loginType1: "账密登录",
114 loginType2: "動態密碼登录",
115 account: "賬號",
116 accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
117 password: "密碼",
118 passwordPlaceholder: "輸入登錄密碼",
119 verifyPlaceholder: "請輸入驗證碼",
120 agree: "同意",
121 protocol: "《平安一账通会员服务协议》",
122 login: "登入",
123 register: "註冊",
124 forget: "忘記密碼",
125 mobile: "手機號",
126 mobilePlaceholder: "手機號",
127 verifyCode: "驗證碼",
128 verifyCodePlaceholder: "驗證碼",
129 verifyCodeGet: "獲取驗證碼",
130 },
131 register: {
132 title: "平安壹賬通",
133 title2: "請設置新的密碼",
134 mobilePlaceholder: "请输入8位手机号码",
135 verifyCodePlaceholder: "請輸入驗證碼",
136 verifyCodeGet: "獲取驗證碼",
137 agree: "同意",
138 protocol: "《平安一账通会员服务协议》",
139 register: "點擊註冊",
140 newPassword: "新密碼",
141 newPasswordPlaceholder: "輸入登錄密碼",
142 newPasswordSure: "確認密碼",
143 newPasswordSurePlaceholder: "輸入登錄密碼",
144 sure: "確認",
145 },
111 index: { 146 index: {
112 news: "news", 147 news: "news",
113 newMore: "more", 148 newMore: "more",
......
...@@ -108,6 +108,41 @@ module.exports = { ...@@ -108,6 +108,41 @@ module.exports = {
108 qrcode: "官方公眾號", 108 qrcode: "官方公眾號",
109 copyright: "版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!" 109 copyright: "版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
110 }, 110 },
111 login: {
112 title: "平安壹賬通",
113 loginType1: "账密登录",
114 loginType2: "動態密碼登录",
115 account: "賬號",
116 accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
117 password: "密碼",
118 passwordPlaceholder: "輸入登錄密碼",
119 verifyPlaceholder: "請輸入驗證碼",
120 agree: "同意",
121 protocol: "《平安一账通会员服务协议》",
122 login: "登入",
123 register: "註冊",
124 forget: "忘記密碼",
125 mobile: "手機號",
126 mobilePlaceholder: "手機號",
127 verifyCode: "驗證碼",
128 verifyCodePlaceholder: "驗證碼",
129 verifyCodeGet: "獲取驗證碼",
130 },
131 register: {
132 title: "平安壹賬通",
133 title2: "請設置新的密碼",
134 mobilePlaceholder: "请输入8位手机号码",
135 verifyCodePlaceholder: "請輸入驗證碼",
136 verifyCodeGet: "獲取驗證碼",
137 agree: "同意",
138 protocol: "《平安一账通会员服务协议》",
139 register: "點擊註冊",
140 newPassword: "新密碼",
141 newPasswordPlaceholder: "輸入登錄密碼",
142 newPasswordSure: "確認密碼",
143 newPasswordSurePlaceholder: "輸入登錄密碼",
144 sure: "確認",
145 },
111 index: { 146 index: {
112 news: "新聞資訊", 147 news: "新聞資訊",
113 newMore: "查看更多", 148 newMore: "查看更多",
......
...@@ -108,6 +108,41 @@ module.exports = { ...@@ -108,6 +108,41 @@ module.exports = {
108 qrcode: "官方公众号", 108 qrcode: "官方公众号",
109 copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!" 109 copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
110 }, 110 },
111 login: {
112 title: "平安一账通",
113 loginType1: "账密登录",
114 loginType2: "动态密码登录",
115 account: "账号",
116 accountPlaceholder: "请输入证件号/一账通用户名/手机号",
117 password: "密码",
118 passwordPlaceholder: "输入登录密码",
119 verifyPlaceholder: "请输入验证码",
120 agree: "同意",
121 protocol: "《平安一账通会员服务协议》",
122 login: "登入",
123 register: "注册",
124 forget: "忘记密码",
125 mobile: "手机号",
126 mobilePlaceholder: "手机号",
127 verifyCode: "验证码",
128 verifyCodePlaceholder: "验证码",
129 verifyCodeGet: "获取验证码",
130 },
131 register: {
132 title: "平安一账通",
133 title2: "请设置新的密码",
134 mobilePlaceholder: "请输入8位手机号码",
135 verifyCodePlaceholder: "请输入验证码",
136 verifyCodeGet: "获取验证码",
137 agree: "同意",
138 protocol: "《平安一账通会员服务协议》",
139 register: "点击注册",
140 newPassword: "新密码",
141 newPasswordPlaceholder: "输入登录密码",
142 newPasswordSure: "确认密码",
143 newPasswordSurePlaceholder: "输入登录密码",
144 sure: "确认",
145 },
111 index: { 146 index: {
112 news: "新闻资讯", 147 news: "新闻资讯",
113 newMore: "查看更多", 148 newMore: "查看更多",
......
...@@ -12,6 +12,14 @@ export default { ...@@ -12,6 +12,14 @@ export default {
12 } 12 }
13 }, 13 },
14 components: {}, 14 components: {},
15 computed: {
16 locale() {
17 return this.$i18n.locale || 'tc';
18 },
19 i18n() {
20 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
21 }
22 },
15 methods: { 23 methods: {
16 onCheckHandler() { 24 onCheckHandler() {
17 25
......
...@@ -8,84 +8,84 @@ ...@@ -8,84 +8,84 @@
8 <div class="box"> 8 <div class="box">
9 <!-- 帐密登陆 --> 9 <!-- 帐密登陆 -->
10 <div v-if="type == 1" class="login"> 10 <div v-if="type == 1" class="login">
11 <div class="login-tit">平安壹賬通</div> 11 <div class="login-tit"> {{$t('login.title')}} </div>
12 <div class="login-nav"> 12 <div class="login-nav">
13 <div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">账密登录</div> 13 <div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">{{$t('login.loginType1')}}</div>
14 <div class="login-nav-v-line">|</div> 14 <div class="login-nav-v-line">|</div>
15 <div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">動態密碼登录</div> 15 <div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">{{$t('login.loginType2')}}</div>
16 </div> 16 </div>
17 <div class="gird-g form"> 17 <div class="gird-g form">
18 <div class="pure-u-1 form-item"> 18 <div class="pure-u-1 form-item">
19 <div class="label"> 19 <div class="label">
20 <img src="@/assets/images/login/icon-login-user.png"> 账号 20 <img src="@/assets/images/login/icon-login-user.png"> {{$t('login.account')}}
21 </div> 21 </div>
22 <div class="ipt-wrap"> 22 <div class="ipt-wrap">
23 <input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text"> 23 <input :placeholder="$t('login.accountPlaceholder')" class="ipt" type="text">
24 </div> 24 </div>
25 </div> 25 </div>
26 <div class="pure-u-1 form-item"> 26 <div class="pure-u-1 form-item">
27 <div class="label"> 27 <div class="label">
28 <img src="@/assets/images/login/icon-login-password.png"> 密码 28 <img src="@/assets/images/login/icon-login-password.png"> {{$t('login.password')}}
29 </div> 29 </div>
30 <div class="ipt-wrap"> 30 <div class="ipt-wrap">
31 <input placeholder="輸入登錄密碼" class="ipt" type="text"> 31 <input :placeholder="$t('login.passwordPlaceholder')" class="ipt" type="text">
32 </div> 32 </div>
33 </div> 33 </div>
34 <div class="pure-u-1 form-item"> 34 <div class="pure-u-1 form-item">
35 <div class="ipt-wrap"> 35 <div class="ipt-wrap">
36 <input placeholder="請輸入驗證碼" class="ipt ipt-verify" type="text"> 36 <input :placeholder="$t('login.verifyPlaceholder')" class="ipt ipt-verify" type="text">
37 <div class="ipt verify-btn pointer">5136</div> 37 <div class="ipt verify-btn pointer">5136</div>
38 </div> 38 </div>
39 </div> 39 </div>
40 </div> 40 </div>
41 <div class="login-protocol"> 41 <div class="login-protocol">
42 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意 42 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
43 <span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span> 43 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
44 </div> 44 </div>
45 <div @click="onSubmitHandler()" class="login-submit pointer">登入</div> 45 <div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
46 <div class="login-func"> 46 <div class="login-func">
47 <div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div> 47 <div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
48 <div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div> 48 <div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
49 </div> 49 </div>
50 </div> 50 </div>
51 51
52 <!-- OTP登陆 --> 52 <!-- OTP登陆 -->
53 <div v-if="type == 2" class="login"> 53 <div v-if="type == 2" class="login">
54 <div class="login-tit">平安壹賬通</div> 54 <div class="login-tit"> {{$t('login.title')}}</div>
55 <div class="login-nav"> 55 <div class="login-nav">
56 <div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer">账密登录</div> 56 <div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer"> {{$t('login.loginType1')}}</div>
57 <div class="login-nav-v-line">|</div> 57 <div class="login-nav-v-line">|</div>
58 <div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active">動態密碼登录</div> 58 <div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active"> {{$t('login.loginType2')}}</div>
59 </div> 59 </div>
60 <div class="gird-g form"> 60 <div class="gird-g form">
61 <div class="pure-u-1 form-item"> 61 <div class="pure-u-1 form-item">
62 <div class="label"> 62 <div class="label">
63 <img src="@/assets/images/login/icon-login-phone.png"> 手機號 63 <img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}}
64 </div> 64 </div>
65 <div class="ipt-wrap"> 65 <div class="ipt-wrap">
66 <input placeholder="手機號" class="ipt" type="text"> 66 <input :placeholder="$t('login.mobilePlaceholder')" class="ipt" type="text">
67 </div> 67 </div>
68 </div> 68 </div>
69 <div class="pure-u-1 form-item"> 69 <div class="pure-u-1 form-item">
70 <div class="label"> 70 <div class="label">
71 <img src="@/assets/images/login/icon-login-message.png"> 驗證碼 71 <img src="@/assets/images/login/icon-login-message.png"> {{$t('login.verifyCode')}}
72 </div> 72 </div>
73 <div class="ipt-wrap"> 73 <div class="ipt-wrap">
74 <div class="ipt ipt2"> 74 <div class="ipt ipt2">
75 <input placeholder="驗證碼" class="ipt-code" type="text"> 75 <input :placeholder="$t('login.verifyCodePlaceholder')" class="ipt-code" type="text">
76 <div class="veri-btn pointer">獲取驗證碼</div> 76 <div class="veri-btn pointer"> {{$t('login.verifyCodeGet')}}</div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </div> 79 </div>
80 </div> 80 </div>
81 <div class="login-protocol"> 81 <div class="login-protocol">
82 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意 82 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
83 <span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span> 83 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
84 </div> 84 </div>
85 <div @click="onSubmitHandler()" class="login-submit pointer">登入</div> 85 <div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
86 <div class="login-func"> 86 <div class="login-func">
87 <div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div> 87 <div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
88 <div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div> 88 <div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
89 </div> 89 </div>
90 </div> 90 </div>
91 </div> 91 </div>
......
...@@ -12,6 +12,14 @@ export default { ...@@ -12,6 +12,14 @@ export default {
12 } 12 }
13 }, 13 },
14 components: {}, 14 components: {},
15 computed: {
16 locale() {
17 return this.$i18n.locale || 'tc';
18 },
19 i18n() {
20 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
21 }
22 },
15 methods: { 23 methods: {
16 onCheckHandler() { 24 onCheckHandler() {
17 25
......
...@@ -11,13 +11,18 @@ ...@@ -11,13 +11,18 @@
11 </div> 11 </div>
12 <div class="box"> 12 <div class="box">
13 <div v-if="type == 1" class="login"> 13 <div v-if="type == 1" class="login">
14 <div class="login-tit">歡迎註冊一賬通</div> 14 <div class="login-tit">{{$t('register.title')}}</div>
15 <div class="gird-g form"> 15 <div class="gird-g form">
16 <div class="pure-u-1 form-item"> 16 <div class="pure-u-1 form-item">
17 <div class="ipt-wrap"> 17 <div class="ipt-wrap">
18 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 18 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
19 <select class="ipt"> 19 <select class="ipt">
20 <option>香港手機號</option> 20 <template v-if="locale == 'zh'">
21 <option>香港手机号</option>
22 </template>
23 <template v-else>
24 <option>香港手機號</option>
25 </template>
21 </select> 26 </select>
22 </div> 27 </div>
23 </div> 28 </div>
...@@ -25,46 +30,46 @@ ...@@ -25,46 +30,46 @@
25 <div class="ipt-wrap"> 30 <div class="ipt-wrap">
26 <div class="ipt ipt2"> 31 <div class="ipt ipt2">
27 <div class="region-tel">+852</div> 32 <div class="region-tel">+852</div>
28 <input placeholder="请输入8位手机号码" class="ipt-tel" type="text"> 33 <input :placeholder="$t('register.mobilePlaceholder')" class="ipt-tel" type="text">
29 </div> 34 </div>
30 </div> 35 </div>
31 </div> 36 </div>
32 <div class="pure-u-1 form-item"> 37 <div class="pure-u-1 form-item">
33 <div class="ipt-wrap"> 38 <div class="ipt-wrap">
34 <div class="ipt ipt2"> 39 <div class="ipt ipt2">
35 <input placeholder="請輸入驗證碼" class="ipt-code" type="text"> 40 <input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text">
36 <div class="veri-btn pointer">獲取驗證碼</div> 41 <div class="veri-btn pointer">{{$t('register.verifyCodeGet')}}</div>
37 </div> 42 </div>
38 </div> 43 </div>
39 </div> 44 </div>
40 </div> 45 </div>
41 <div class="login-protocol"> 46 <div class="login-protocol">
42 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意 47 <img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">{{$t('register.agree')}}
43 <span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span> 48 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('register.protocol')}}</span>
44 </div> 49 </div>
45 <div @click="onSubmitHandler()" class="login-submit pointer">點擊註冊</div> 50 <div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.register')}}</div>
46 </div> 51 </div>
47 <div v-if="type == 2" class="login"> 52 <div v-if="type == 2" class="login">
48 <div class="login-tit">請設置新的密碼</div> 53 <div class="login-tit">{{$t('register.title2')}}</div>
49 <div class="gird-g form"> 54 <div class="gird-g form">
50 <div class="pure-u-1 form-item"> 55 <div class="pure-u-1 form-item">
51 <div class="label"> 56 <div class="label">
52 <img src="@/assets/images/register/icon-register-lock.png"> 新密碼 57 <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
53 </div> 58 </div>
54 <div class="ipt-wrap"> 59 <div class="ipt-wrap">
55 <input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text"> 60 <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="text">
56 </div> 61 </div>
57 </div> 62 </div>
58 <div class="pure-u-1 form-item"> 63 <div class="pure-u-1 form-item">
59 <div class="label"> 64 <div class="label">
60 <img src="@/assets/images/register/icon-register-lock.png"> 確認密碼 65 <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}}
61 </div> 66 </div>
62 <div class="ipt-wrap"> 67 <div class="ipt-wrap">
63 <input placeholder="輸入登錄密碼" class="ipt" type="text"> 68 <input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="text">
64 </div> 69 </div>
65 </div> 70 </div>
66 </div> 71 </div>
67 <div @click="onSubmitHandler()" class="login-submit pointer">確認</div> 72 <div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
68 </div> 73 </div>
69 </div> 74 </div>
70 </div> 75 </div>
......