94 lines
2.3 KiB
Vue
94 lines
2.3 KiB
Vue
<template>
|
|
<view>
|
|
|
|
<view class="my">
|
|
<view class="profile">
|
|
<image src="../../static/img/wo_bj_ll@2x.png" mode="aspectFit" class="profile-bgi"></image>
|
|
<view class="avator">
|
|
<u-avatar :src="src"></u-avatar>
|
|
</view>
|
|
<view class="username">{{username}}</view>
|
|
<view class="account">账号:{{account}}</view>
|
|
</view>
|
|
<view class="publish">
|
|
<u-cell-group>
|
|
<u-cell icon="setting-fill" title="发布的店铺转让" is-link="true" @click="topublished('发布的店铺转让')"></u-cell>
|
|
<u-cell icon="integral-fill" title="发布的找店选址" is-link="true" @click="topublished('发布的找店选址')"></u-cell>
|
|
<u-cell icon="integral-fill" title="发布的店铺出租" is-link="true" @click="topublished('发布的店铺出租')"></u-cell>
|
|
<u-cell icon="integral-fill" title="发布的项目招商" is-link="true" @click="topublished('发布的项目招商')"></u-cell>
|
|
<u-cell icon="integral-fill" title="成功合伙人" is-link="true" @click="topublished('成功合伙人')"></u-cell>
|
|
<u-cell icon="integral-fill" title="我的匹配" is-link="true" @click="todetail"></u-cell>
|
|
</u-cell-group>
|
|
</view>
|
|
</view>
|
|
<TabBar :current-page="4"></TabBar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
src: 'https://cdn.uviewui.com/uview/album/2.jpg',
|
|
account:'11111111',
|
|
username:'用户名',
|
|
}
|
|
},
|
|
onLoad() {
|
|
// this.getInfo()
|
|
},
|
|
methods: {
|
|
topublished(title){
|
|
uni.navigateTo({
|
|
url:'/pages/published/published?titletext='+title
|
|
})
|
|
},
|
|
todetail(){
|
|
uni.navigateTo({
|
|
url:'/pages/detail/detail'
|
|
})
|
|
}
|
|
//---------页面调用接口示例------------
|
|
// getInfo() {
|
|
// this.$api.getUserInfo().then(res => {
|
|
// console.log('userInfo', res);
|
|
// })
|
|
// }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.profile{
|
|
color: #fff;
|
|
display: flex;
|
|
width: 100%;
|
|
height: auto;
|
|
margin-bottom: 36rpx;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
gap: 10rpx;
|
|
.profile-bgi{
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
.avator{
|
|
margin-top: 20rpx;
|
|
}
|
|
.username{
|
|
font-size: 18px;
|
|
font-weight: 1rpx;
|
|
}
|
|
.account{
|
|
font-size: 15px;
|
|
font-weight: 1rpx;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style> |