微信小程序 swiper组件无法滑动,但是可以自动切换?

查看:324
本文介绍了微信小程序 swiper组件无法滑动,但是可以自动切换?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

  1. 微信小程序 swiper组件无法滑动,但是可以自动切换

  2. 代码如图

<swiper class="goods-slide" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  <block wx:for="{{swipeImg}}" wx:key="*this">
    <swiper-item>
        <image src="{{item}}" class="slide-image" mode="aspectFill" ></image>
    </swiper-item>
  </block>
</swiper>

  • 执行如图


是什么问题呢??

解决方案

微信小程序更新以后,swiper-item中放入image标签存在上述问题,可以在swiper-item中插入view标签,在标签上放背景图可以实现你想要的滑动效果,然后调整下css样式就可以了,记得给view设置高度。

这篇关于微信小程序 swiper组件无法滑动,但是可以自动切换?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆