You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.8 KiB
65 lines
1.8 KiB
2 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="user-con">
|
||
|
|
<div class="user-top"></div>
|
||
|
|
</div>
|
||
|
|
<div class="container" style="padding-right: 0">
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user">
|
||
|
|
<van-image width="60" height="60" round class="hand" :src="userInfo.headImgUrl" />
|
||
|
|
<div class="name">
|
||
|
|
<div class="text">{{ userInfo.surName ? userInfo.surName : userInfo.nickname }}</div>
|
||
|
|
<div class="grid">
|
||
|
|
<svg-icon iconClass="grid" class-name="img" />
|
||
|
|
{{ userInfo.gridName }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="edit" @click="$router.push('/userInfo/edit')">
|
||
|
|
<svg-icon iconClass="edit" />
|
||
|
|
<span>编辑</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="cell-group">
|
||
|
|
<van-cell title="我的诉求" is-link to="/appeal">
|
||
|
|
<template #icon>
|
||
|
|
<van-image style="margin-right: 5px" :src="require('@/assets/sq.png')" width="20" height="20" />
|
||
|
|
</template>
|
||
|
|
</van-cell>
|
||
|
|
<van-cell title="我的家庭" is-link>
|
||
|
|
<template #icon>
|
||
|
|
<van-image style="margin-right: 5px" :src="require('@/assets/jt.png')" width="20" height="20" />
|
||
|
|
</template>
|
||
|
|
</van-cell>
|
||
|
|
<van-cell title="关于" is-link>
|
||
|
|
<template #icon>
|
||
|
|
<van-image style="margin-right: 5px" :src="require('@/assets/gy.png')" width="20" height="20" />
|
||
|
|
</template>
|
||
|
|
</van-cell>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'mine',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
userInfo: {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.userInfo = this.$store.state.app.userInfo
|
||
|
|
},
|
||
|
|
methods: {}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
@import './index';
|
||
|
|
</style>
|