设置轮播图的高度和宽度一样

 

设置轮播图的高度和宽度一样
不能用height:100%, 只能是页面加载后取当前窗口宽度，再设置样式高度为取到的值

 

?
1
2
3
4
5
6
7
8
9
10
11
12
this.winWidth = uni.getWindowInfo().windowWidth
console.log("当前窗口宽度："+this.winWidth);
 
<swiper
    class="swiper"
    :style="{ height: winWidth + 'px'}"
    circular
    autoplay
    interval="80000"
    @change="onSwiperChange"
>
....

　　

posted @   牛腩  阅读(18)  评论(0)  编辑  收藏  举报
相关博文：
· js中用canvas生成固定长宽的图片
· uni app uview新增商品页（无限级分类选择和多图上传）
· 小程序 之swiper轮播图
· 使用swiper组件，轮播图在高分辨率情况下变形，图片拉高该如何解决？
· PC端 图片宽度是百分比，动态设置图片高度为 6:9
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
历史上的今天：
2016-07-30 浏览器中beforeunload的使用
点击右上角即可分享
微信分享提示
AI IDE Trae