swiper手势滑动和微信小程序图片滚动
3833关注11441浏览
由于小程序不支持横屏,而产品需求又必须是横屏操作。
然后我在 wxml 整个外层包了个 view ,并使用样式将其旋转了 90度。transform: rotate(90deg);
页面中使用了 swiper,然后手势滑动操作就出现和预期不一样的效果。如下所示。
手势 ⬅️ ➡️ 滑动的时候,图片是 ⬆️⬇️ 切换。
然后设置了 swiper 的vertical 属性后如下。
手势⬆️⬇️ 滑动的时候,图片是 ⬅️ ➡️ 切换。
wxml 页面代码如下