<view style="display: flex; flex-wrap: wrap;">
<!--图片-->
<view style="width:550rpx;height:auto;margin:20rpx auto 0;display:flex;justify-content: space-between;flex-wrap: wrap;">
<view v-for="(item,index) in imageList" :key="index">
<view style="position:relative;width:250rpx;height:200rpx;margin: 20upx 0 20upx 0;">
<image style="width:250upx;height:200upx;" :src="item" :data-src="image" @tap="previewImage"></image>
<view style="position:absolute; right: -10rpx; top: -10rpx; z-index:1000;" @tap="delect(index)">
<image src="../../static/image/shanchu.png" style="width:30rpx;height:30rpx;" mode=""></image>
<!--这个图标是指,图片或者视频上传成功了,点击右上角叉号(也就是这个图标)可以删除 这里自己找一个合适的替换掉就好-->
</view>
uni-app上传图片和上传视频
最新推荐文章于 2024-04-22 08:19:42 发布