完竣世界 - 专注数据大屏可视化

    • 首页
    • 数据大屏
    • AE动画
    • echarts
      • echarts 3D地图
      • echarts地图
      • echarts折线图
      • Echarts柱状图
      • echarts雷达图
      • echarts饼状图
    • 字体
    • 动态图标
200个酷炫的数据可视化大屏总有一款适合你(含演示实例),30款 vue3 数据可视化大屏登录页下载

uniapp多图放大预览

uniapp 4年前 (2022-04-29)

html

<view class="zhtx-single" v-for="(item, index) in data.filesDetailList" :key="index">
<image :src="item.fileUrl" :data-src="item.fileUrl" mode="aspectFit" @tap="previewImg(index)" />
</view>

js

previewImg(index) {
				let _this = this;
				let imgsArray = [];
				var img = this.data.filesDetailList;
				for (let i = 0; i < img.length; i++) {
					imgsArray.push(img[i].fileUrl);
				}
				uni.previewImage({
					current: index,
					urls: imgsArray,
					indicator: 'number',
					loop: true
				});
			},

实例

uniapp 异步计算获取图片并可点击大图预览

喜欢
uniapp
vue computed进行异步计算 uniapp 使用 uview 实现数字角标 Badge 徽标数
  • uniapp打包的h5如何使用七牛cdn
    uniapp打包的h5如何使用七牛cdn
  • up-datetime-picker设置最小选择时间一个半小时后
    up-datetime-picker设置最小选择时间一个半小时后
  • uniapp微信小程序点击空白区域激活输入框
    uniapp微信小程序点击空白区域激活输入框
  • uniapp微信小程序设置全局样式
    uniapp微信小程序设置全局样式
  • uniapp微信小程序按钮点击后会出现高亮背景
  • 微信小程序设置用户隐私保护指引
  • getUserProfile:fail can only be invoked by user TAP gesture是什么意思
  • uniapp微信小程序实现联系客服
  • uniapp微信小程序点击跳转意见反馈
  • uniapp vue3 实现上传头像的组件
  • uniapp vue3 uview-plus接口封装
  • uniapp 微信小程序输入框内容显示不完整

微信

联系微信:17628296870
微信

文章推荐

  • ae 如何让图片沿着钢笔轨迹移动?
  • cesiumjs Primitive动态修改实体颜色
  • 高德地图官方提供的地图样式
  • threejs加载3d模型但是看不到的原因有哪些?
  • uniapp 评价订单按钮跳转
  • vue echarts 3d地图显示label并可以自定义颜色和大小
  • sequelize查询报错 Unknown column 'record.updatedAt' in 'order clause'
  • 高德地图 3d地图 轨迹回放
  • vue 在keep-alive 使用定时 hook方式结束定时
  • echarts沈阳市沈北新区geoJson地图 tooltip轮播效果

近期文章

  • ae使用saber实现黑洞传送效果
  • aePlexus粒子科技小球
  • ae实现雷达扫描的效果
  • 国内可以使用的GPT Image-2 的平台
  • ae使用BOA实现扭曲效果
  • ae使用Optical Flares实现光线效果
  • ae实现魔法阵特效制作
  • ae使用stardust实现粒子球效果
  • ae使用Trapcode Form实现粒子背景
  • ae使用particular实现向上飘动的循环粒子动效
Copyright © 2019-现在 完竣世界 版权所有 冀ICP备11019094号 冀公网安备13112502001077号
记录数据可视化大屏开发、vue开发、前端项目开发中遇到的问题笔记