小程序轮播图显示不全怎么解决
按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。
解决方法:给image添加style属性style="height: 100%"即可。
style="height: 100%"
全部代码如下:
<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000"> <block wx:for="{{ banners }}" wx:for-item="banner" wx:key="_id"> <swiper-item> <image src="{{ banner.image }}" style="height: 100%; width: 100%;" /> </swiper-item> </block> </swiper>
PHP中文网,大量免费小程序开发教程,欢迎学习!
以上就是小程序轮播图显示不全怎么解决的详细内容,更多请关注php中文网其它相关文章!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:小程序密钥重置会怎么样
- 下一篇:小程序可以在ipad上打开吗
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论