没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
微信小程序微信小程序swiper使用网络图片不显示问题解决使用网络图片不显示问题解决
主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细,对大家的学习
或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者
工作具有一定的参考学习价值,需要的朋友可以参考下
wxml代码:
<view class="container">
<swiper indicator-dots="true}"
autoplay="true" interval="3000" duration="1">
<block wx:for="{{imgUrls}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" width="355" height="150"></image>
</swiper-item>
</block>
</swiper>
</view>
js代码:
data: {
imgUrls: [
"http://img0.imgtn.bdimg.com/it/u=2394972844,3024358326&fm=26&gp=0.jpg",
"http://img5.imgtn.bdimg.com/it/u=3008142408,2229729459&fm=26&gp=0.jpg",
"http://img4.imgtn.bdimg.com/it/u=2939038876,2702387014&fm=26&gp=0.jpg"
]
}
结果:(无法显示,查看控制台无报错)
解决,swiper添加宽高。
wxss:
.container{
width: 100%;
}
.container swiper{
width: 100%;
}
能正常显示了:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
资源评论
weixin_38656662
- 粉丝: 2
- 资源: 898
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功