微信小程序--swiper图片显示不完整
来源:互联网 发布:掌握了c语言之后学什么 编辑:程序博客网 时间:2024/06/10 08:48
我把微信小程序中swiper的官方代码拷贝下来发现图片显示不完全,像这样不能完全填满整个宽度,后来看官方image标签的解释和描述,各种mode换了个遍,css也修改了很多次,还是不会(水平不到家······)
后来就想到把图片作为背景,把官方的代码修改一下,好像就行了,
官方wxml代码
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block></swiper>
修改后的代码
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <!--差别就再这里了--> <swiper-item style="background:url({{item}});background-repeat: no-repeat;background-size:100% 200px; "> </swiper-item> </block></swiper>
反正经过这次,以后发现图片显示不全的问题,就试试把图片当作背景吧
0 0
- 微信小程序--swiper图片显示不完整
- 小程序的swiper不显示图片
- swiper 分页显示图片
- 微信小程序 轮播图 swiper图片组件
- 微信小程序swiper组件实现图片宽度自适应
- 微信小程序swiper组件实现图片宽度自适应
- [新手教程] 微信小程序 轮播图 swiper图片组件
- WebView加载网页图片显示不全或显示不完整
- react-native-swiper在滚动视图中默认不显示图片的问题
- 微信小程序 swiper 应用
- Swiper动态加载不显示没效果
- 微信小程序-图片宽100%显示,不变形
- 微信小程序开发关于地图图片显示不出问题
- word插入图片显示不完整的解决办法
- Android开发网络图片完整显示且不拉伸
- listview嵌套gradview,图片显示不完整,偶尔显示,偶尔不显示。
- listview嵌套gradview,图片显示不完整,偶尔显示,偶尔不显示
- MFC程序在XP下显示不完整
- ES权威指南_01_get start_05 Searching—The Basic Tools
- Xcode8 检测内存泄露
- spring事务配置总结
- 小白笔记--------------------------安装hadoop集群简单总结
- java操作poi生成excel文件(.xlsx)
- 微信小程序--swiper图片显示不完整
- 睡眠办法a
- Android内存优化基础
- 堆区和栈区的区别
- js几点小总结
- ES权威指南_01_get start_06 Mapping and Analysis
- Activity透明/半透明效果的设置transparent(两种实现方法)
- 设计模式—建造者模式及实例(BuilderPattern)
- linux下模拟CPU占用100%小程序和对应解决建议