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

Merge pull request 'xbx' (#3) from xbx into master

Browse Source 
Reviewed-on: http://git.luyuan.tk/luyuan/demingshangjia/pulls/3
This commit is contained in:
hansu 2020-06-12 15:13:08 +08:00
commit 006a3a5459
5 changed files with 181 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>

8
yarn.lock Normal file
View File

@ -0,0 +1,8 @@
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
# yarn lockfile v1
uview-ui@^1.3.3:
version "1.3.3"
resolved "https://registry.npm.taobao.org/uview-ui/download/uview-ui-1.3.3.tgz#6e666c8e2139b1787eb48dc54a0a663cb2f728d7"
integrity sha1-bmZsjiE5sXh+tI3FSgpmPLL3KNc=