|
...
|
...
|
@@ -115,7 +115,69 @@ |
|
|
|
</view>
|
|
|
|
<scroll-view scroll-y @scrolltolower="scrolltolower">
|
|
|
|
<view class="otherContent">
|
|
|
|
<waterfallsFlow v-if="showList" :list="list" :listType="listType" @wapper-lick="wapperLick"></waterfallsFlow>
|
|
|
|
<u-waterfall v-model="list" ref="uWaterfall" v-if="showList">
|
|
|
|
<template v-slot:left="{ leftList }">
|
|
|
|
<view class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
|
<!-- 微信小程序需要hx2.8.11版本才支持在template中引入其他组件，比如下方的u-lazy-load组件 -->
|
|
|
|
<u-lazy-load @click="wapperLick(item)" threshold="-450" border-radius="10" :image="item.image" :index="index"></u-lazy-load>
|
|
|
|
<view class="userInfo" :style="{height: listType != 'mainAct' ? '90rpx' : '60rpx'}">
|
|
|
|
<view class="userDesc">
|
|
|
|
{{item.title}}
|
|
|
|
</view>
|
|
|
|
<view class="userIconLike" v-if="listType != 'mainAct'">
|
|
|
|
<view class="userIcon">
|
|
|
|
<image :src="item.user.avatar" mode=""></image>
|
|
|
|
{{item.user.nickname}}
|
|
|
|
</view>
|
|
|
|
<view class="likeNum">
|
|
|
|
<image src="../../static/image/dianzan2.png" mode=""></image>
|
|
|
|
{{item.like_num}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="statusTxt" v-if="listType == 'findPlay' && item.switch == '1'">
|
|
|
|
精选
|
|
|
|
</view>
|
|
|
|
<view class="statusTxt" v-if="listType == 'mainAct'">
|
|
|
|
{{item.state_text}}
|
|
|
|
</view>
|
|
|
|
<!-- "check_status": 审核状态:0=审核中,1=已通过,2=未通过 -->
|
|
|
|
<view class="statusTxt" v-if="listType == 'myStory' && item.check_status != '1'">
|
|
|
|
{{item.check_status == '0' ? '审核中' : '未通过'}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<template v-slot:right="{ rightList }">
|
|
|
|
<view class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
|
<u-lazy-load @click="wapperLick(item)" threshold="-450" border-radius="10" :image="item.image" :index="index"></u-lazy-load>
|
|
|
|
<view class="userInfo" :style="{height: listType != 'mainAct' ? '90rpx' : '60rpx'}">
|
|
|
|
<view class="userDesc">
|
|
|
|
{{item.title}}
|
|
|
|
</view>
|
|
|
|
<view class="userIconLike" v-if="listType != 'mainAct'">
|
|
|
|
<view class="userIcon">
|
|
|
|
<image :src="item.user.avatar" mode=""></image>
|
|
|
|
{{item.user.nickname}}
|
|
|
|
</view>
|
|
|
|
<view class="likeNum">
|
|
|
|
<image src="../../static/image/dianzan2.png" mode=""></image>
|
|
|
|
{{item.like_num}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="statusTxt" v-if="listType == 'findPlay' && item.switch == '1'">
|
|
|
|
精选
|
|
|
|
</view>
|
|
|
|
<view class="statusTxt" v-if="listType == 'mainAct'">
|
|
|
|
{{item.state_text}}
|
|
|
|
</view>
|
|
|
|
<!-- "check_status": 审核状态:0=审核中,1=已通过,2=未通过 -->
|
|
|
|
<view class="statusTxt" v-if="listType == 'myStory' && item.check_status != '1'">
|
|
|
|
{{item.check_status == '0' ? '审核中' : '未通过'}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
</u-waterfall>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
|
|
</view>
|
|
...
|
...
|
@@ -251,6 +313,7 @@ |
|
|
|
...mapState(["isLogin","userinfo","isSDKReady"])
|
|
|
|
},
|
|
|
|
onShow(){
|
|
|
|
this.showList = false
|
|
|
|
this.current_page = 1
|
|
|
|
this.last_page = 0
|
|
|
|
this.param.page = 1
|
|
...
|
...
|
@@ -448,6 +511,7 @@ |
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
$border-radius: 10px;
|
|
|
|
.myWrap{
|
|
|
|
/* 导航栏区域 */
|
|
|
|
.navBarWrap{height: 88rpx;padding: 0 42rpx;display: flex;align-items: center;justify-content: space-between;
|
|
...
|
...
|
@@ -475,7 +539,63 @@ |
|
|
|
.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 - 473rpx - 88rpx);padding: 0 20rpx;
|
|
|
|
.demo-warter{
|
|
|
|
border-radius: 8px;
|
|
|
|
margin: 5px;
|
|
|
|
background-color: #ffffff;
|
|
|
|
position: relative;
|
|
|
|
.userInfo{
|
|
|
|
background: linear-gradient(135deg,rgba(0,0,0,0.00), rgba(0,0,0,0.60));
|
|
|
|
border-radius: 0 0 $border-radius $border-radius;
|
|
|
|
position:absolute;
|
|
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
|
|
|
.userDesc{
|
|
|
|
font-size: 26rpx;
|
|
|
|
color: #fff;
|
|
|
|
padding: 0 24rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-line-clamp:1;
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
height: 45rpx;
|
|
|
|
line-height: 45rpx;
|
|
|
|
}
|
|
|
|
.userIconLike{
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
font-size: 20rpx;
|
|
|
|
color: rgba(255,255,255,0.80);
|
|
|
|
padding: 0 24rpx;
|
|
|
|
.userIcon{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
image{width: 38rpx;height: 38rpx;margin-right: 10rpx;border-radius: 100%;}
|
|
|
|
}
|
|
|
|
.likeNum{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
image{width: 28rpx;height: 28rpx;margin-right: 5rpx;}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.statusTxt{
|
|
|
|
width: 100rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
background: rgba(0,53,46,0.50);
|
|
|
|
text-align: center;
|
|
|
|
line-height: 48rpx;
|
|
|
|
font-size: 20rpx;
|
|
|
|
color:#fff;
|
|
|
|
position:absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
border-radius: 0 $border-radius 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* 地主信息区域 */
|
|
|
|
.landItem{padding: 0 32rpx 0 32rpx;}
|
|
|
|
.landInfo{height: 160rpx;display: flex;align-items: center;}
|
...
|
...
|
|
