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

1232

Browse Source
This commit is contained in:
luyuan 2020-06-12 15:08:37 +08:00
parent bd88e395aa
commit 1acef99f50
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
4 changed files with 173 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/user/navs.vue Normal file
View File

@ -0,0 +1,29 @@
<template>
<view class="nav">
<text>dsadasdas</text>
<image></image>
</view>
</template>
<script>
export default {
name:"navs"
}
</script>
<style lang="scss" scoped>
.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>

25
pages.json
View File

@ -26,6 +26,31 @@
}
}
}
,
{
"path": "pages/user/index",
"style": {
"navigationBarTitleText": "个人中心",
"app-plus": {
"titleNView": {
"backgroundColor": "#FFFFFF",
"titleColor": "#333333"
}
}
}
},
{
"path": "pages/user/info",
"style": {
"navigationBarTitleText": "个人资料",
"app-plus": {
"titleNView": {
"backgroundColor": "#FFFFFF",
"titleColor": "#333333"
}
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",

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>