uniapp做图片预览

一个热爱前端的小胖子

于 2024-06-29 09:20:21 发布

阅读量83

点赞数 2

分类专栏： uniapp vue3 文章标签： uni-app windows linux

本文链接：https://blog.csdn.net/weixin_70243424/article/details/140058742

版权

uniapp 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

19 篇文章 0 订阅

订阅专栏

  <u-swiper
      :list="list"
      indicator
      indicatorMode="dot"
      circular
      height="450"
      @click="previewImage"
    ></u-swiper>
    
const previewImage = (e: any) => {
  uni.previewImage({
    urls: list.value,
    current: list.value[e],
  })
}

const list = ref([
  `${config.resBaseUrl}/hjq/74a2db506304fd0aa69dc0975791ebd.png`,
  `${config.resBaseUrl}/hjq/a0e1e70b40b9d7b6e4aaf3483b3f092.png`,
  `${config.resBaseUrl}/hjq/1db48518ac3cdb5806cee4457e445d6.png`,
])