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

达人详情完成

Browse Source
This commit is contained in:
luyuan
2020-06-03 10:53:38 +08:00
parent 0f3073e577
commit b5ef323612
3 changed files with 195 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
pageB/components/details/userinfo.vue Normal file
View File

@@ -0,0 +1,84 @@
<template>
<view class="userinfo">
<view class="user">
<view class="info">
<image></image>
<view>
<text>达人昵称</text>
<text>关注数量</text>
</view>
</view>
<view class="guanzhu">关注</view>
</view>
<view class="profile">个性签名</view>
</view>
</template>
<style lang="scss" scoped>
image{
background-color: #0f0;
}
.userinfo{
height: 261rpx;
width: 100%;
padding: 30rpx;
.user{
display: flex;
margin-top: 10rpx;
align-items: center;
justify-content: space-between;
.info{
display: flex;
align-items: center;
>image{
width: 140rpx;
height: 140rpx;
border-radius: 50%;
}
>view{
margin-left: 40rpx;
display: flex;
height: 79rpx;
justify-content: space-between;
flex-direction: column;
>text:first-child{
font-size: 28rpx;
color:#333;
}
>text:last-child{
font-size: 24rpx;
color: #333;
}
}
}
.guanzhu{
width: 140rpx;
height: 60rpx;
font-size: 26rpx;
color:#fff;
line-height: 60rpx;
border-radius: 30rpx;
background-color: #FF780F;
text-align: center;
}
}
.profile{
margin-top: 19rpx;
font-size: 24rpx;
color: #333;
margin-left: 14rpx;
}
}
</style>
<script>
export default {
name:"userinfo",
data(){
return {
}
}
}
</script>