Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
dev
/
pingan-life-index-pro
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
f747ac5b
authored
2020-05-18 12:15:23 +0800
by
simon
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
1.页首跳转
2.三语补充 3.体验优化
1 parent
8c2be4ec
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
83 additions
and
17 deletions
src/common/lang/en.js
src/common/lang/tc.js
src/common/lang/zh.js
src/components/home/header/header.js
src/components/home/header/header.scss
src/pages/index/index.js
src/pages/index/index.scss
src/pages/index/index.vue
src/common/lang/en.js
View file @
f747ac5
...
...
@@ -407,6 +407,20 @@ module.exports = {
quote
:
"Quote now"
,
want
:
""
,
service
:
"Contact customer service"
,
genRich
:{
t1
:
"Scroll to select insured amount"
,
t2
:
"保額(萬美元)"
,
PaymentPeriod
:
"Payment period"
,
PaymentOptions
:
"Payment options"
,
quotePerMonth
:
"每月保費"
,
tips
:
"Please contact your financial consultant to quote for insured amount that exceeds USD 3 million"
,
years
:
"years"
,
Yearly
:
"Yearly"
,
SemiYearly
:
"Semi-yearly"
,
Quarterly
:
"Quarterly"
,
Monthly
:
"Monthly"
,
}
},
contact
:
{
t1
:
"Contact us for more product information."
,
...
...
src/common/lang/tc.js
View file @
f747ac5
...
...
@@ -420,6 +420,20 @@ module.exports = {
quote
:
"立即報價"
,
want
:
"我想"
,
service
:
"聯絡客服"
,
genRich
:{
t1
:
"滑動選擇保額"
,
t2
:
"保額(萬美元)"
,
PaymentPeriod
:
"繳費期"
,
PaymentOptions
:
"繳費選項"
,
quotePerMonth
:
"每月保費"
,
tips
:
"保費超過300萬以上,請聯系您的理財顧問索取報價"
,
years
:
"年"
,
Yearly
:
"每年"
,
SemiYearly
:
"每半年"
,
Quarterly
:
"每季"
,
Monthly
:
"每月"
,
}
},
contact
:
{
t1
:
"如欲了解我們的產品,歡迎聯絡我們。"
,
...
...
src/common/lang/zh.js
View file @
f747ac5
...
...
@@ -423,6 +423,20 @@ module.exports = {
quote
:
"立即报价"
,
want
:
"我想"
,
service
:
"联络客服"
,
genRich
:{
t1
:
"滑动选择保额"
,
t2
:
"保额(万美元)"
,
PaymentPeriod
:
"缴费期"
,
PaymentOptions
:
"缴费选项"
,
quotePerMonth
:
"每月保费"
,
tips
:
"保费超过300万以上,请联系您的理财顾问索取报价"
,
years
:
"年"
,
Yearly
:
"每年"
,
SemiYearly
:
"每半年"
,
Quarterly
:
"每季"
,
Monthly
:
"每月"
,
},
},
contact
:
{
t1
:
"如欲了解我们的产品,欢迎联系我们。"
,
...
...
src/components/home/header/header.js
View file @
f747ac5
...
...
@@ -10,6 +10,11 @@ import {
import
{
getObjByListKeyValue
}
from
'@utils/utils.js'
import
{
gotoVHIS
}
from
'@utils/biz.js'
import
VDropdown
from
'@components/home/dropdown/dropdown.vue'
import
MDropdown
from
'@components/home/m-dropdown/m-dropdown.vue'
...
...
@@ -26,6 +31,9 @@ export default {
DropdownLogin
,
},
computed
:
{
locale
()
{
return
this
.
$i18n
.
locale
||
"tc"
;
},
i18n
()
{
return
this
.
$i18n
.
messages
&&
this
.
$i18n
.
locale
?
this
.
$i18n
.
messages
[
this
.
$i18n
.
locale
]
:
{};
}
...
...
@@ -127,7 +135,7 @@ export default {
},
// 点击立即报价
toQuote
(){
gotoVHIS
(
this
.
locale
);
}
},
beforeDestroy
()
{
...
...
src/components/home/header/header.scss
View file @
f747ac5
...
...
@@ -8,7 +8,7 @@ $navHeiM: 72px;
background-color
:
#fff
;
color
:
$cFontGray
;
position
:
relative
;
z-index
:
1
000
;
z-index
:
9
000
;
font-size
:
$fontSize
;
.header-container
{
...
...
src/pages/index/index.js
View file @
f747ac5
...
...
@@ -89,22 +89,22 @@ export default {
// 繳費期列表
paymentPeriodList
:
[{
v
:
3
,
n
:
"
3年
"
,
n
:
""
,
p
:
333.330000
},
{
v
:
5
,
n
:
"
5年
"
,
n
:
""
,
p
:
200.000000
},
{
v
:
8
,
n
:
"
8年
"
,
n
:
""
,
p
:
125.000000
},
{
v
:
10
,
n
:
"
10年
"
,
n
:
""
,
p
:
100.000000
}
],
...
...
@@ -112,25 +112,25 @@ export default {
paymentOptionList
:
[{
v
:
1
,
m
:
12
,
n
:
"
每年
"
,
n
:
""
,
p
:
1
},
{
v
:
2
,
m
:
6
,
n
:
"
每半年
"
,
n
:
""
,
p
:
0.5064
},
{
v
:
4
,
m
:
6
,
n
:
"
每季度
"
,
n
:
""
,
p
:
0.2548
},
{
v
:
12
,
m
:
1
,
n
:
"
每月
"
,
n
:
""
,
p
:
0.0853
}
],
...
...
@@ -317,7 +317,7 @@ export default {
let
durTime
=
600
;
this
.
$refs
.
bannerSwiper
.
swiper
.
slideTo
(
index
,
durTime
,
true
);
this
.
$refs
.
quoteBgSwiper
.
swiper
.
slideTo
(
index
,
durTime
,
true
);
this
.
$refs
.
quoteSwiper
.
swiper
.
slideTo
(
index
,
durTime
,
true
);
//
this.$refs.quoteSwiper.swiper.slideTo(index, durTime, true);
})
},
...
...
@@ -334,7 +334,6 @@ export default {
* “好e时”tab的情况下,点击立即报价,跳到VHIS网销平台;传家福tab情况下调到传家福产品页
*/
onQuoteHandler
()
{
// gotoVHIS();
if
(
this
.
curTab
.
relation
==
this
.
PRODUCT_PRO_EASY
)
{
let
d
=
{
...
...
@@ -482,6 +481,17 @@ export default {
this
.
curPaymentPeriod
=
this
.
paymentPeriodList
[
0
];
this
.
curPaymentOption
=
this
.
paymentOptionList
[
0
];
let
yearStr
=
this
.
i18n
.
index
.
quote
.
genRich
.
years
;
if
(
this
.
locale
==
"en"
)
yearStr
=
" "
+
yearStr
;
this
.
paymentPeriodList
.
forEach
(
element
=>
{
element
.
n
=
element
.
v
+
""
+
yearStr
;
});
this
.
paymentOptionList
[
0
].
n
=
this
.
i18n
.
index
.
quote
.
genRich
.
Yearly
;
this
.
paymentOptionList
[
1
].
n
=
this
.
i18n
.
index
.
quote
.
genRich
.
SemiYearly
;
this
.
paymentOptionList
[
2
].
n
=
this
.
i18n
.
index
.
quote
.
genRich
.
Quarterly
;
this
.
paymentOptionList
[
3
].
n
=
this
.
i18n
.
index
.
quote
.
genRich
.
Monthly
;
// 可以埋数据在 localStorage
httpPost
({
url
:
api
.
indexManageListApi
,
...
...
@@ -520,7 +530,7 @@ export default {
this
.
bannerList
.
forEach
(
element
=>
{
element
.
btns
=
element
.
btnDescribe
;
});
console
.
log
(
"this.dataList:"
,
this
.
dataList
);
//
console.log("this.dataList:", this.dataList);
})
},
...
...
src/pages/index/index.scss
View file @
f747ac5
...
...
@@ -278,10 +278,9 @@
}
.table
{
// width: 1200px;
width
:
1062px
;
// background-color: wheat
;
// display: none
;
position
:
relative
;
z-index
:
1
;
margin
:
56px
auto
0
;
&
-tab
{
...
...
@@ -331,6 +330,10 @@
position
:
relative
;
}
// .quote-swiper {
// min-height: 600px;
// }
&
-cont
{
min-height
:
384px
;
margin
:
0
auto
0
;
...
...
@@ -363,10 +366,12 @@
background-color
:
#ffffff
;
// @extend .fcc;
.plugin
{
width
:
100%
;
height
:
100%
;
}
.func
{
}
...
...
@@ -953,7 +958,8 @@
}
.arrow
{
top
:
25%
;
// top: 20%;
top
:
200px
;
transform
:
scale
(
0
.5
);
}
...
...
src/pages/index/index.vue
View file @
f747ac5
This diff is collapsed.
Click to expand it.
Please
register
or
sign in
to post a comment