uni-app采坑之路——swiper

缺乏、安全感 2023-05-21 07:18 84阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70]  
这里本来是要写轮播图的，明明设置好了swiper的高度值，宽度也设置成了100%，再看微信小程序和app的样式，纳尼？！！！！  
竟然显示不一样！轮播图有一部分竟然没有了  
![在这里插入图片描述][20200429183412963.png]

## 解决方法： ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70 1]

*  在swiper的页面添加swiper标签的样式，用样的复制一份,就搞定了

**题外话**：

`swiper的坑：`  
`1.组件名称swiper.vue 或者Swiper.vue ,在传递数据的时候有可能图片就不见了。`  
`2.改变图片的大小需要用rpx的单位，用upx可能会有问题。`  
`3.本身swiper是有150px的默认高度，app中需要改变默认高度需要加入：swiper{ width: 100%; height: 自定义px; }。`

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70]: /images/20230521/3161230c02074cfea039024cf2377b08.png
[20200429183412963.png]: /images/20230521/6bf9ed2cc30e4853a2a92cd32955ff0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70 1]: /images/20230521/f89272e6f4c84581ba96d96b308ff8e2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，84人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app采坑之路——swiper

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

缺乏、安全感/ 2023年05月21日 07:18/ 0 赞/ 85 阅读

相关 java开发采坑之路续集

1.在web环境中使用ThreadLocal出现数据错乱原因：线程可能重用，导致ThreadLocal中的数据会串解决办法： ThreadLocal<

浅浅的花香味﹌/ 2022年12月05日 10:26/ 0 赞/ 80 阅读

相关 docker采坑

yml文件编写 1.冒号后面要带空格例如prots: 80: 80不是80:80 2.不能用tab缩进

绝地灬酷狼/ 2022年10月18日 13:59/ 0 赞/ 192 阅读

相关 Mybatis采坑

collection中的id需要取别名与之对应，否则出错 <resultMap id="supplier" type="com.ch.cooker.tob.fa

╰半橙微兮°/ 2022年05月23日 09:38/ 0 赞/ 271 阅读

相关采坑ajax

今天一不小心踩了两个坑，总归起来就是一个事儿：用layui进行ajax表单提交。坑一：layui的的表单默认是进行form表单提交的，如果不在监听提交事件的最后加一句"re

系统管理员/ 2022年05月21日 00:08/ 0 赞/ 240 阅读

相关 VUEX采坑之路之获取不到$store

今天在写vuex的时候遇到了一个特别无语的问题，找了半个小时才找到这个问题，所以贴出来，大家在遇到和我一样的问题的时候不会太过慌张在第一次写vuex的时候无论如何获取不到$

向右看齐/ 2022年05月20日 02:04/ 0 赞/ 188 阅读

相关采坑layui

open的表单取出的值总是为空：参考了网上许多文章，原因是layui是将原先的表单复制一份。解决办法：错误示范：$("input\[name=title"\].val(

àì夳堔傛蜴生んèń/ 2022年05月18日 07:09/ 0 赞/ 280 阅读

相关 thymeleaf 采坑

如果我请求的url需要返回视图，如果这个url不是第一层url，那么视图层会找不到这个页面引用的一些静态资源。例如，下面的代码：我的请求路径为： http://

超、凢脫俗/ 2022年03月15日 05:38/ 0 赞/ 303 阅读

相关记录DedeCMS的文章发布的采坑之路

织梦应该说很久才更新一次，有的时候就会出现一些问题，但整体来说还是有自己独特的优势的，这次主要记录一下自己在进行项目部署后文章发布方面出现的一些问题。文章标题为空首

忘是亡心i/ 2021年12月12日 09:41/ 0 赞/ 175 阅读

相关 mui之 scroll采坑

scroll：区域滚动采坑一：单纯的复制样式和结构 <div id="slider" class="mui-slider"> <div i

痛定思痛。/ 2021年08月13日 20:47/ 0 赞/ 314 阅读