...
|
...
|
@@ -22,8 +22,8 @@ |
|
|
</view>
|
|
|
<view class="nameAddress">
|
|
|
<text style="font-size: 32rpx;">{{userInfo.nickname}}</text>
|
|
|
<image v-if="userInfo.group_id == '2'" style="width: 30rpx;height: 34rpx;margin-left: 10rpx;"src="../../static/image/Group_481@2x.png" mode=""></image>
|
|
|
<image v-if="userInfo.group_id == '1'" style="width: 30rpx;height: 34rpx;margin-left: 10rpx;"src="../../static/image/Group_528@2x.png" mode=""></image>
|
|
|
<!-- <image v-if="userInfo.group_id == '2'" style="width: 30rpx;height: 34rpx;margin-left: 10rpx;"src="../../static/image/Group_481@2x.png" mode=""></image>
|
|
|
<image v-if="userInfo.group_id == '1'" style="width: 30rpx;height: 34rpx;margin-left: 10rpx;"src="../../static/image/Group_528@2x.png" mode=""></image> -->
|
|
|
</view>
|
|
|
<view class="followFansWrap" v-if="userInfo.group_id == '1'">
|
|
|
<view class="followItem">
|
...
|
...
|
@@ -83,13 +83,13 @@ |
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 服务信息 -->
|
|
|
<view class="serviceInfo" :style="{height:userInfo.group_id == '2' ? '220rpx' : '100rpx'}">
|
|
|
<view class="serviceInfo" :style="{height:userInfo.group_id == '2' ? '120rpx' : '100rpx'}">
|
|
|
<view class="leftEmp"></view>
|
|
|
<view class="service">
|
|
|
<view class="serviceDesc">
|
|
|
{{userInfo.bio}}
|
|
|
</view>
|
|
|
<view class="serviceList" v-if="userInfo.group_id == '2'">
|
|
|
<!-- <view class="serviceList" v-if="userInfo.group_id == '2'">
|
|
|
<view class="serviceItem" style="width: 60rpx;">
|
|
|
<view class="serviceImg">
|
|
|
<image src="../../static/image/Group_270.png" mode=""></image>
|
...
|
...
|
@@ -115,35 +115,9 @@ |
|
|
</view>
|
|
|
</view>
|
|
|
<view class="rightEmp"></view>
|
|
|
</view>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- <view class="userFollowFans" v-if="userInfo.group_id == '1'">
|
|
|
<view class="followItem">
|
|
|
<view class="followTxt">
|
|
|
1.2K
|
|
|
</view>
|
|
|
<view class="followTxt" style="padding-top: 10rpx;">
|
|
|
赞/收藏
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="followItem">
|
|
|
<view class="followTxt">
|
|
|
1.2K
|
|
|
</view>
|
|
|
<view class="followTxt" style="padding-top: 10rpx;">
|
|
|
关注
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="followItem">
|
|
|
<view class="followTxt">
|
|
|
1.2K
|
|
|
</view>
|
|
|
<view class="followTxt" style="padding-top: 10rpx;">
|
|
|
粉丝
|
|
|
</view>
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<view class="handleWrap">
|
|
|
<view class="handleItem">
|
|
|
<view class="handleBtn" @click="follow">
|
...
|
...
|
@@ -169,24 +143,27 @@ |
|
|
</view>
|
|
|
<!-- 其他信息区域 -->
|
|
|
<view class="otherInfoWrap" :style="{
|
|
|
'height': userInfo.group_id == '2' ? 'calc(100vh - 450rpx - 24rpx - 88rpx - '+statusBarHeight+'rpx)' : 'calc(100vh - 338rpx - 24rpx - 88rpx - '+statusBarHeight+'rpx)',
|
|
|
'height': userInfo.group_id == '2' ? 'calc(100vh - 350rpx - 24rpx - 88rpx - '+statusBarHeight+'rpx)' : 'calc(100vh - 338rpx - 24rpx - 88rpx - '+statusBarHeight+'rpx)',
|
|
|
'background': '#fff'
|
|
|
}">
|
|
|
<view class="otherTabList">
|
|
|
<view class="otherTabItem" :class="{active:otherTabIndex == 0}" @click="changeOtherTab(0)">
|
|
|
动态
|
|
|
<view class="otherTabLine" :style="{left:69 + 204 * otherTabIndex + 102 - 25 + 'rpx'}"></view>
|
|
|
</view>
|
|
|
<view class="otherTabItem" :class="{active:otherTabIndex == 1}" @click="changeOtherTab(1)">
|
|
|
赞过
|
|
|
<view class="otherTabLine" :style="{left:69 + 204 * otherTabIndex + 102 - 25 + 'rpx'}"></view>
|
|
|
</view>
|
|
|
<view class="otherTabItem" :class="{active:otherTabIndex == 2}" @click="changeOtherTab(2)">
|
|
|
收藏
|
|
|
<view class="otherTabLine" :style="{left:69 + 204 * otherTabIndex + 102 - 25 + 'rpx'}"></view>
|
|
|
</view>
|
|
|
<view class="otherTabLine" :style="{left:69 + 204 * otherTabIndex + 102 - 25 + 'rpx'}"></view>
|
|
|
|
|
|
</view>
|
|
|
<scroll-view scroll-y @scrolltolower="scrolltolower">
|
|
|
<view class="otherContent" :style="{
|
|
|
height:userInfo.group_id == '2' ? 'calc(100vh - 450rpx - 24rpx - '+statusBarHeight+'rpx - 88rpx - 88rpx)' : 'calc(100vh - 338rpx - 24rpx - 88rpx - 88rpx - '+statusBarHeight+'rpx)'
|
|
|
height:userInfo.group_id == '2' ? 'calc(100vh - 350rpx - 24rpx - '+statusBarHeight+'rpx - 88rpx - 88rpx)' : 'calc(100vh - 338rpx - 24rpx - 88rpx - 88rpx - '+statusBarHeight+'rpx)'
|
|
|
}">
|
|
|
<u-waterfall v-model="list" ref="uWaterfall" v-if="showList">
|
|
|
<template v-slot:left="{ leftList }">
|
...
|
...
|
@@ -694,12 +671,12 @@ |
|
|
}
|
|
|
}
|
|
|
/* 其他信息区域 */
|
|
|
.otherInfoWrap{height: calc(100vh - 88rpx - 473rpx);border-radius: 60rpx 60rpx 0 0;background: #fff;}
|
|
|
.otherInfoWrap{height: calc(100vh - 88rpx - 373rpx);border-radius: 60rpx 60rpx 0 0;background: #fff;}
|
|
|
.otherInfoWrap .otherTabList{height: 88rpx;padding: 0 69rpx;display: flex;position: relative;}
|
|
|
.otherTabList .otherTabItem{flex: 1;text-align: center;line-height: 88rpx;color: #969799;font-size: 28rpx;font-weight: 600;}
|
|
|
.otherTabItem.active{color: #35655f;}
|
|
|
.otherTabList .otherTabLine{position: absolute;width: 48rpx;height: 5rpx;background: #35655f;bottom: 18rpx;transition: 0.5s;}
|
|
|
.otherContent{height: calc(100vh - 88rpx - 473rpx - 88rpx);padding: 0 20rpx;
|
|
|
.otherContent{height: calc(100vh - 88rpx - 373rpx - 88rpx);padding: 0 20rpx;
|
|
|
.demo-warter{
|
|
|
border-radius: 8px;
|
|
|
margin: 5px;
|
...
|
...
|
|