程序轮播图显示不全问题的有效解决办法

why 422 2024-07-19

小程序轮播图显示不全怎么解决

小程序轮播图显示不全怎么解决

按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。

解决方法:给image添加style属性style="height: 100%"即可。

1

style="height: 100%"

全部代码如下:

1

2

3

4

5

6

7

8

9

<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>

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序中改变元素样式的方法探究
下一篇:探究小程序获取手机号信息的途径
相关文章

 发表评论

暂时没有评论,来抢沙发吧~