city_card/packagecard/moments/showlist/showlist.wxml
2023-07-15 14:25:28 +08:00

163 lines
14 KiB
Plaintext
Executable File

<view class="tab-bar">
<van-tabs sticky active="{{currentIndex}}" bind:change="onChange" color="#0054bd" ellipsis="{{false}}" zIndex="{{100}}">
<van-tab title="{{item.configColumnName}}" wx:for="{{tabList}}" wx:key="index"></van-tab>
</van-tabs>
</view>
<view style="margin:0rpx 15rpx 15rpx 15rpx;padding-top: 100rpx;" wx:if="{{dataList.length>0}}">
<view wx:for="{{dataList}}" wx:key="index">
<view class="flex flex-direction" style="margin-top: 15rpx;">
<view class="column-content">
<view class="flex flex-direction" style="width:100%;" wx:if="{{item.type=='dbc15b23-a1a3-4cb6-b7fa-9b01c9416454'}}">
<view class="column-box-row" wx:for="{{item.list}}" wx:for-index="idx" wx:for-item="it" wx:key="idx">
<view bindtap="showDetail" data-cid="{{item.cId}}" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-ctype="{{item.type}}" data-id="{{it.uid}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i">
<view class="align-center" wx:if="{{child.dataType=='1'&&child.displayList}}">
<view class="bg-white">
<view class="cu-form-group">
<view class="padding-left-xs padding-right-xs margin-left-xs margin-right-xs" id="content" style="line-height:40rpx;">
<text class="{{currentTap.configColumnType=='dda5007c-5fb7-48f2-8537-3cb8ea298242'?'cuIcon-title':''}}"></text>
<text style="color:#333333;">{{child.value}}</text>
</view>
</view>
</view>
</view>
<view style="width:100%;" wx:if="{{child.dataType=='3'&&child.displayList}}">
<view class="cu-form-group padding-sm">
<view class="flex align-center margin-left-sm" style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="a" wx:for-item="audio" wx:key="a">
<image catchtap="play" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="{{audio.isPlay?'/images/ic_pause_icon.png':'/images/ic_play_icon.png'}}" style="width:64rpx;height:64rpx;margin-left:5rpx;"></image>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="column-box">
<view bindtap="showDetail" class="{{child.valueList.length>0||child.value.length>0?'column-item':''}}" data-cid="{{item.cId}}" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-ctype="{{item.type}}" data-id="{{item.uid}}" data-item="{{child}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" data-uid="{{item.uid}}" wx:for="{{item.list}}" wx:for-index="i" wx:for-item="child" wx:key="i">
<view class="align-center" wx:if="{{child.dataType=='1'&&child.displayList&&child.value.length>0}}">
<view class="bg-white">
<view class="cu-form-group">
<view id="content" style="line-height:40rpx;">
<text class="{{currentTab.configColumnType=='dda5007c-5fb7-48f2-8537-3cb8ea298242'?'cuIcon-title':''}}"></text> {{child.value}} </view>
</view>
</view>
</view>
<view wx:if="{{child.dataType=='2'&&child.displayList&&child.valueList.length>0}}">
<view class="cu-form-group" wx:if="{{child.dataMode=='1'}}">
<view class="grid col-3 grid-square flex-sub">
<view catchtap="viewImg" class="bg-img" data-cur="{{photo.path}}" data-values="{{child.valueList}}" wx:for="{{child.valueList}}" wx:for-item="photo" wx:key="d">
<image mode="aspectFill" src="{{photo.path}}"></image>
</view>
</view>
</view>
<view wx:elif="{{child.dataMode=='2'||child.dataMode=='3'}}">
<swiper autoplay="{{child.dataMode=='3'}}" indicatorDots="{{true}}" style="width:100%;height:400rpx;">
<swiper-item catchtap="viewImg" data-cur="{{photo.path}}" data-values="{{child.valueList}}" style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="pIndex" wx:for-item="photo" wx:key="pIndex">
<image mode="aspectFill" src="{{photo.path}}" style="width:100%;border-radius:5rpx;height:400rpx;"></image>
</swiper-item>
</swiper>
</view>
<view wx:elif="{{child.dataMode=='4'}}">
<image mode="widthFix" src="{{photo.path}}" style="width:100%;border-radius:5rpx;" wx:for="{{child.valueList}}" wx:for-index="pIndex" wx:for-item="photo" wx:key="pIndex"></image>
</view>
</view>
<view wx:if="{{child.dataType=='4'&&child.displayList&&child.valueList.length>0}}">
<view class="cu-form-group" style="border-radius:10rpx;">
<view catchtap="viewVideo" class="movie-box" data-url="{{video.path}}" wx:for="{{child.valueList}}" wx:for-index="d" wx:for-item="video" wx:key="d">
<image mode="scaleToFill" src="{{video.imgPath}}"></image>
<view class="play-box-arrow-flex">
<image mode="scaleToFill" src="/images/ic_video_play.png" style="width: 96rpx;height:96rpx;"></image>
</view>
</view>
</view>
</view>
<view style="width:100%;" wx:if="{{child.dataType=='3'&&child.displayList&&child.valueList.length>0}}">
<view class="cu-form-group" style="flex-direction:column;">
<view class="flex align-center shadow-box" style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="a" wx:for-item="audio" wx:key="a">
<image mode="scaleToFill" src="/images/ic_user_default.png" style="width:80rpx;height:80rpx;"></image>
<view class="play-box">
<view class="flex justify-between align-center" style="width:80%;">
<text>{{audio.curDurationStr}}</text>
<slider activeColor="#1296db" backgroundColor="#cacaca" bindchange="slider4change" blockColor="#1296db" blockSize="14" class="flex-sub" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" max="{{audio.duration}}" min="{{0}}" value="{{audio.curDuration}}"></slider>
<text>{{audio.totalDurationStr}}</text>
</view>
<view class="flex justify-between" style="width:80%;">
<image catchtap="rewind" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="/images/ic_audio_rewind.png"></image>
<image catchtap="play" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="{{audio.isPlay?'/images/ic_audio_playing.png':'/images/ic_audio_play.png'}}"></image>
<image catchtap="speed" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="/images/ic_audio_speed.png"></image>
</view>
</view>
</view>
</view>
</view>
<view wx:if="{{child.dataType=='6'&&child.displayList&&child.valueList.length>0}}">
<view>
<view style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="mindex" wx:for-item="m" wx:key="mindex">
<view class="flex justify-between">
<view></view>
<view></view>
</view>
<view style="border-radius:10rpx;overflow:hidden;">
<map enableRotate="{{false}}" enableScroll="{{false}}" enableTraffic="{{false}}" enableZoom="{{false}}" latitude="{{m.latitude}}" longitude="{{m.longitude}}" markers="{{[ {latitude:m.latitude,longitude:m.longitude} ]}}" scale="12" style="width:100%;height:300rpx;"></map>
</view>
</view>
</view>
</view>
<view wx:if="{{child.dataType=='7'&&child.displayList&&child.value.length>0}}">
<view class="bg-white">
<view class="cu-form-group">
<view id="content" style="line-height:40rpx;color:#333333;text-align: justify;width: 100%;"> {{child.value}} </view>
</view>
</view>
</view>
<view wx:if="{{child.dataType=='8'&&child.displayList}}">
<view class="flex" style="flex-direction:row;">
<view class="cu-bar bg-white">
<view class="action">
<text class="cuIcon-vipcard"></text>
<text class="text-black">{{child.comment}}:</text>
<text class="margin-left-sm">{{child.selValue}}</text>
</view>
</view>
</view>
</view>
<view wx:if="{{child.dataType=='9'&&child.displayList}}">
<view class="cu-bar bg-white">
<view class="action">
<text class="cuIcon-vipcard"></text>
<text>{{child.comment}}</text>
</view>
</view>
<view class="cu-capsule radius" wx:for="{{child.dictionariesList}}" wx:for-index="ids" wx:for-item="ss" wx:key="ids">
<view class="cu-tag bg-blue radius padding-left-sm padding-right-sm" wx:if="{{ss.isSel}}"> {{ss.dataName}} </view>
</view>
</view>
</view>
<view class="func-box" wx:if="{{item.funcSwitch}}">
<view class="line-gray-ssm"></view>
<view class="func-items">
<button class="func-item" data-index="{{index}}" data-item="{{item}}" data-sharetype="2" openType="share" style="font-size: 28rpx;font-weight: normal;text-align: center;background-color: #ffffff;width: 0rpx;margin: 0rpx;padding: 0rpx;border-radius: 0rpx;" wx:if="{{item.shareSwitch!='1'&&item.shareSwitch!='3'}}">
<text class="cuIcon-share text-gray" style="font-size: 38rpx;"></text>
<text style="text-align: center;line-height:28rpx;">转发</text>
</button>
<view catchtap="doCollect" class="func-item" data-index="{{index}}" data-item="{{item}}" wx:if="{{item.collectSwitch!='1'&&item.collectSwitch!='3'}}">
<text class="{{item.collectStatus?'cuIcon-favorfill line-yellowlight2':'cuIcon-favor text-gray'}}" style="font-size: 38rpx;"></text>
<text>收藏</text>
</view>
<view catchtap="showComment" class="func-item" data-cid="{{item.cId}}" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" data-uid="{{item.uid}}" wx:if="{{item.commentSwitch!='1'&&item.commentSwitch!='3'}}">
<text class="cuIcon-comment text-gray" style="font-size: 38rpx;"></text>
<text style="font-size: 30rpx;">{{item.commentCount>1000?'1000+':item.commentCount}}</text>
</view>
<view catchtap="doLike" class="func-item" data-index="{{index}}" data-item="{{item}}" wx:if="{{item.likeSwitch!='1'&&item.likeSwitch!='3'}}">
<text class="{{item.likeStatus?'cuIcon-appreciatefill line-yellowlight2':'cuIcon-appreciate text-gray'}}" style="font-size: 38rpx;"></text>
<text style="font-size:30rpx;">{{item.likeCount>1000?'1000+':item.likeCount}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view style="padding-top:200rpx;width:100%;" wx:else>
<van-empty description="暂无数据"></van-empty>
</view>