demingshangjia/pages/user/index.vue
2020-06-12 15:08:37 +08:00

74 lines
1.6 KiB
Vue

<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>