refactor(home): 优化首页代码结构和样式
- 添加缺失的逗号和分号 -调整组件注册格式 - 优化图片资源路径 - 修改财富臻享和生活优享板块样式 - 调整登录逻辑和错误提示
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 58 KiB |
@@ -10,33 +10,33 @@ export default {
|
||||
components: {
|
||||
VanImage,
|
||||
VanIcon: Icon,
|
||||
SwiperBanner: Swiper
|
||||
SwiperBanner: Swiper,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bannerList: [
|
||||
{
|
||||
imgUrl: require('./img/swiper-image.svg')
|
||||
imgUrl: require('./img/swiper-image.svg'),
|
||||
},
|
||||
{
|
||||
imgUrl: require('./img/swiper-image.svg')
|
||||
}
|
||||
imgUrl: require('./img/swiper-image.svg'),
|
||||
},
|
||||
],
|
||||
name: '',
|
||||
sex: '',
|
||||
type: '',
|
||||
permission: {
|
||||
goNext: true
|
||||
goNext: true,
|
||||
},
|
||||
titleSrc: require('@/assets/images/logo.png'),
|
||||
bannerSrc: 'http://ncc.ebiz-digits.com:39527/gsc/IHRHN5/7b/04/63/7b0463aa135f4a1f922b5171bcec1d14/images/主页/u44.svg'
|
||||
bannerSrc: 'http://ncc.ebiz-digits.com:39527/gsc/IHRHN5/7b/04/63/7b0463aa135f4a1f922b5171bcec1d14/images/主页/u44.svg',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (!Number(this.type)) return '亲爱的客户'
|
||||
return `亲爱的${this.name}${Number(this.sex) === 1 ? '女士' : Number(this.sex) === 0 ? '先生' : ''}`
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
goEcosystem(ecosystem, swe) {
|
||||
@@ -44,20 +44,20 @@ export default {
|
||||
this.$router.push({
|
||||
name: 'service',
|
||||
params: {
|
||||
ecosystem: getEcosystem(ecosystem)
|
||||
ecosystem: getEcosystem(ecosystem),
|
||||
},
|
||||
query: {
|
||||
swe: swe
|
||||
}
|
||||
swe: swe,
|
||||
},
|
||||
})
|
||||
},
|
||||
showErrorDialog(msg) {
|
||||
Dialog({
|
||||
message: msg
|
||||
message: msg,
|
||||
}).then(() => {
|
||||
this.$router.go(-1)
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
const params = getParamsFromUrl(globalThis.location.href)
|
||||
@@ -66,7 +66,7 @@ export default {
|
||||
if (token || stoken) {
|
||||
globalThis.sessionStorage.setItem('token', token || stoken)
|
||||
fetchUserInfo()
|
||||
.then(res => {
|
||||
.then((res) => {
|
||||
const { content } = res.content
|
||||
this.name = content.name
|
||||
this.sex = Number(content.sex)
|
||||
@@ -76,7 +76,7 @@ export default {
|
||||
this.showErrorDialog('您的登录已过期,请退出重试')
|
||||
})
|
||||
} else this.showErrorDialog('页面访问有误,请重试')
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -149,14 +149,14 @@ export default {
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-left">
|
||||
<div class="children text-left">
|
||||
<div class="wealth text-left">
|
||||
<div class="box text-left">
|
||||
<h4>财富臻享</h4>
|
||||
<p>财富管理,稳健增值</p>
|
||||
<button class="go-btn-v" @click="goEcosystem(48)">去看看</button>
|
||||
<button class="go-btn-v" style="border-color: #ca2736; color: #ca2736" @click="goEcosystem(48)">去看看</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wealth mt10">
|
||||
<div class="children mt10">
|
||||
<div class="box">
|
||||
<h4>生活优享</h4>
|
||||
<p>生活娱乐,丰富体验</p>
|
||||
|
||||
Reference in New Issue
Block a user