可以每隔800毫秒自动切换图片,但是手动不能切换图片,是样式的问题嘛?
使用swiper实现轮播图,但是不能手动滑动,模拟器跟真机都不能手动切换图片,怎么解决?WXML代码如下: <swiper autoplay="true" interval="3000" circular="true" duration="800" bindchange="swiperChange"> <block wx:for="{{imgUrls}}" wx:key="index"> <swiper-item> <image src="{{item}}" class="slide-image" /> </swiper-item> </block> </swiper> <view class="dots"> <block wx:for="{{imgUrls}}" wx:key="index"> <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view> </block> </view> [图片] js代码 swiperChange(e) { let current = e.detail.current; this.setData({ currentSwiper: current, }) }, [图片]
2021-01-20搞定了
图片都是用同一种样式,为什么展示出来的图片大小不一致?哪位大佬之前遇到过这种BUG?小程序上展示的效果图 [图片] WXML代码 [图片] js数据 [图片] WXSS样式代码 .container{ width: 100%; padding: 70px 0 0 0; height: calc(100vh - 75px); display: flex; } .container>.left_content{ width: 200rpx; background-color: #f7f7f7; } .container>.right_content{ flex:1; background-color: #fefefe; } .menu_item{ display: flex; justify-content: center; align-items: center; font-size: 30rpx; height: 120rpx; } .goods_group{ border-radius: 12rpx; margin: 20rpx 10rpx; display: flex; flex-wrap: wrap; } .goods_title{ padding: 10rpx 0; font-size: 27rpx; display: flex; } .goods_list{ display: flex; flex-wrap: wrap; } .goods_nav{ width: 30%; flex-direction: column; text-align: center; } .goods_name{ font-size: 27rpx; } .goodsImg{ width: 100%; }
2021-01-18