小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在iOS设备上，swiper组件的第一张图片不显示，只有往右滑动一下才显示
11 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
js:
movies: [
{ url: '/wxxcx/banner_01.jpg' },
{ url: '/wxxcx/banner_02.jpg' },
{ url: '/wxxcx/banner_03.jpg' },
{ url: '/wxxcx/banner_04.jpg' },
],
wxml:
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
<block wx:for="{{movies}}" wx:for-index="index">
<swiper-item>
<image src="{{item.url}}" class="slide-image" mode="aspectFill"/>
</swiper-item>
</block>
</swiper>
wxss:
/**图片滚动样式**/
.swiper {
height: 210px;
width: 100%;
}
.swiper image {
height: 100%;
我的案例，你可以试试，应该OK的
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
js:
movies: [
{ url: '/wxxcx/banner_01.jpg' },
{ url: '/wxxcx/banner_02.jpg' },
{ url: '/wxxcx/banner_03.jpg' },
{ url: '/wxxcx/banner_04.jpg' },
],
wxml:
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
<block wx:for="{{movies}}" wx:for-index="index">
<swiper-item>
<image src="{{item.url}}" class="slide-image" mode="aspectFill"/>
</swiper-item>
</block>
</swiper>
wxss:
/**图片滚动样式**/
.swiper {
height: 210px;
width: 100%;
}
.swiper image {
height: 100%;
width: 100%;
}
我的案例，你可以试试，应该OK的