个人中心

This commit is contained in:
2020-06-12 18:05:39 +08:00
parent 006a3a5459
commit ee119b3be5
10 changed files with 407 additions and 53 deletions

View File

@@ -5,33 +5,42 @@
<image></image>
<view class="name">
<text>萨大赛</text>
<text>dasasd</text>
<text>asdasd</text>
<text>账号123456789</text>
<text>个性签名为梦努力</text>
</view>
</view>
<image></image>
<image src="/static/image/user/1.png"></image>
</view>
<navs></navs>
<navs></navs>
<navs></navs>
<view class="nav" @click="toOthersPage('fans')">
<text>我的粉丝</text>
<image src="/static/image/user/1.png"></image>
</view>
<view class="nav" @click="toOthersPage('fans')">
<text>内容管理</text>
<image src="/static/image/user/1.png"></image>
</view>
<view class="nav" @click="toOthersPage('complaint')">
<text>骑手投诉</text>
<image src="/static/image/user/1.png"></image>
</view>
</view>
</template>
<script>
import navs from "@/components/user/navs"
export default {
name:"user" ,
components:{
navs
}
name:"user",
methods: {
toOthersPage(url) {
uni.navigateTo({
url: '/pages/user/' + url
});
}
},
}
</script>
<style lang="scss" scoped>
/deep/image{
background-color: #0f0;
}
.user{
background-color: #ececec;
min-height: calc(100vh - var(--window-top));
background: #ececec;
.head{
width: 100%;
height: 220rpx;
@@ -48,6 +57,7 @@ export default {
width: 110rpx;
height: 110rpx;
border-radius: 50%;
background-color: #0f0;
}
.name{
font-size: 24rpx;
@@ -70,5 +80,21 @@ export default {
height: 20rpx;
}
}
.nav{
width: 100%;
height: 100rpx;
display: flex;
padding: 30rpx;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
margin-bottom: 2rpx;
color:#333;
background-color: #fff;
>image{
width: 13rpx;
height: 25rpx;
}
}
}
</style>