tpupload.wxml
1.3 KB
<!--components/tpupload/tpupload.wxml-->
<scroll-view class="uploader__bd" scroll-x="{{true}}" style="flex-wrap: nowrap; display: flex;height: 180rpx;width: auto;white-space: nowrap;">
<view class="uploade">
<view class="weui_uploader__file" wx:for="{{files}}">
<image wx:if="{{item.type=='image'}}" class="weui_uploader__img" src="{{item.path}}" bindtap="previewImg" mode="aspectFill" data-index="{{index}}">
</image>
<video wx:if="{{item.type=='video'}}" class="weui_uploader__img" src="{{item.path}}" controls picture-in-picture-mode="{{['push', 'pop']}}" />
<image class="delete-btn" src="http://nosqn.colorcun.com/pinglun/p%20%286%29.png" data-index="{{index}}" catchtap="deleteFun"></image>
</view>
<view class="uploader__input">
<view class="uploader__input addimage" bindtap="uploadImages" wx:if="{{files.length < tpNum}}">
<image src="http://nosqn.colorcun.com/pinglun/p%20%2817%29.png" mode="aspectFit"></image>
<view class="texts">上传图片</view>
</view>
</view>
<view class="uploader__input">
<view class="uploader__input addimage" bindtap="uploadVideos" wx:if="{{files.length*1 < tpNum}}">
<image src="http://nosqn.colorcun.com/pinglun/p%20%2818%29.png" mode="aspectFit"></image>
<view class="texts">上传视频</view>
</view>
</view>
</view>
</scroll-view>