微信小程序图片左右滑动图片放大

最新推荐文章于 2024-07-05 17:59:35 发布

只吃小白兔孜孜

最新推荐文章于 2024-07-05 17:59:35 发布

阅读量2.3k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/yydd199706/article/details/86493636

版权

本文介绍了如何在微信小程序中实现图片左右滑动和放大效果，引用了官方组件`scroll-view`进行详细说明，并警告注意文档中提到的潜在bug。

摘要由CSDN通过智能技术生成

view：

<scroll-view class="image-group" scroll-x="true">
        <image src="{
  {item}}" data-index='{
  {index}}' bindtap='previewImg' wx:for='{
  {imgArr}}'></image>
</scroll-view>

js：

page({
    data:{
        imgArr:                         ['https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=832192736,1053576081&fm=27&gp=0.jpg',
'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=832192736,1053576081&fm=27&gp=0.jpg', 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=832192736,1053576081&fm=27&gp=0.jpg',
'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=832192736,1053576081&fm=27&gp=0.jpg'
    ]
           },
//点击图片放大
previewImg: function (e)