theluyuan/demingshangjia
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' of http://git.luyuan.tk/luyuan/demingshangjia into zmr

Browse Source
This commit is contained in:
zmr900709
2020-06-12 17:46:28 +08:00
parent ce24d670b6 006a3a5459
commit f82d5653cc
5 changed files with 181 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
pages/user/index.vue Normal file
View File

@@ -0,0 +1,74 @@
<template>
<view class="user">
<view class="head">
<view class="info">
<image></image>
<view class="name">
<text>萨大赛</text>
<text>dasasd</text>
<text>asdasd</text>
</view>
</view>
<image></image>
</view>
<navs></navs>
<navs></navs>
<navs></navs>
</view>
</template>
<script>
import navs from "@/components/user/navs"
export default {
name:"user" ,
components:{
navs
}
}
</script>
<style lang="scss" scoped>
/deep/image{
background-color: #0f0;
}
.user{
background-color: #ececec;
.head{
width: 100%;
height: 220rpx;
background-color: #FF780F;
padding: 0 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
.info{
display: flex;
align-items: center;
>image{
width: 110rpx;
height: 110rpx;
border-radius: 50%;
}
.name{
font-size: 24rpx;
color: #fff;
display: flex;
flex-direction: column;
margin-left: 26rpx;
>text{
margin-top: 14rpx;
}
>text:first-child{
font-size: 28rpx;
margin-top: 0;
}
}
}
>image{
width: 12rpx;
height: 20rpx;
}
}
}
</style>

45
pages/user/info.vue Normal file
View File

@@ -0,0 +1,45 @@
<template>
<view class="info">
<view class="head">
<image></image>
<text>更换头像</text>
</view>
<view class="item">
<text></text>
<text></text>
</view>
</view>
</template>
<script>
export default {
name:"info"
}
</script>
<style lang="scss" scoped>
image{
background-color: #0f0;
}
.info{
background: #ececec;
.head{
height: 202rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
>image{
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
>text{
font-size: 24rpx;
color: #FF780F;
margin-top: 20rpx;
}
margin-bottom: 2rpx;
}
}
</style>