uni-app中swiper组件无效果解决方案

今天，在写uni-app的代码过程中，发现swiper组件不起效果，出不来效果，查看官网发现是这个原因

自动宽高100%，都自动了，就不需要自己设置了
问题如下图所示：

解决方案：去掉自己设置的宽高100%就好了
代码如下：

<template><view class="videoList"><view class="swiper-box"><swiper class="swiper" :vertical="true"><swiper-item class="swiper-item"><view>我是第一页</view></swiper-item><swiper-item  class="swiper-item"><view>我是第二页</view></swiper-item><swiper-item class="swiper-item"><view>我是第三页</view></swiper-item></swiper></view></view>
</template><script>
export default {data() {return {}},onLoad() {},methods: {},components: {}
}
</script><style>
.videoList {width: 100%;height: 100%;
}
</style>

成功如下图所示：

解决完这个问题心里直接感觉崩溃啊，害的我纠结半天

uni-app中swiper组件无效果解决方案相关推荐

uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
uni-app中swiper组件加入视频后无法全屏显示方案解决
今天,在写uni-app的代码过程中,发现swiper组件里面的视频不能占全屏,出不来效果,虽然官网也说自动设置了100%是没错,但是,再次设置宽高100%,不起作用,同时还会导致swiper组件不 ...
html中swiper组件的使用
静态的 <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
idea安装更新之后打不开的问题解决方案，双击idea快捷方式无效果解决方案
问题描述: 最近在安装MongoDB服务的时候导致强制关闭了正在运行的idea,结果当我再次去打开运行idea的时候就在也打不开了,最后卸载了重新安装idea最新版本,结果还是打不开,最后在网上搜索到 ...
ElementUI中Tree组件兼容IE解决方案
更新时间:2021-08-21 v1.0 一.简介在软件开发初期阶段,经常会使用是市面上主流的浏览器进行功能开发,调试.为什么呢? 因为市面上主流的浏览器对W3C组织制定的标准更友好,同时对开发者. ...
uni app 自定义头部组件（2）局部右侧按钮
上一篇为完全的自定义头部链接:https://blog.csdn.net/qq_37403179/article/details/102955419 本片则是使用uniapp已有的自定义方法给头部添 ...
a span等行内元素加margin属性后无效果解决方案
html中经常用margin属性来进行定位的调整,但a,span等行内元素加margin后不发生位移,给这些元素加上display:inline-block后就可解决:而且为行内元素加此属性后既可以像 ...
element中el-dialog组件垂直居中完美解决方案，适配超高dialog
.el-dialog__wrapper {display: flex;padding: 24px; //添加上下间隙,可为任意值.el-dialog {margin: auto !important; ...
Android uni app 列表底部白条解决方案
uni app中android打开本地vue的列表会发现,底部有条白边. vue通过uni.getSystemInfoSync();方法获取系统信息,首次取值对,再次取值就出错 uni app每次启动 ...
MATLAB Appdesigner实用技巧（三）：在App中实现示波器效果/动态波形效果
1. MATLAB App显示动态波形 IMU901上传上来的数据中包含四元数和加速度,每帧数据包按如下格式向上位机发送: 0.00 0.00 0.00 0.00 0.00 0.00 0.00\r\n ...

uni-app中swiper组件无效果解决方案

uni-app中swiper组件无效果解决方案相关推荐

最新文章

热门文章