首页 > 其他分享 > 设置轮播图的高度和宽度一样

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

时间:2023-07-30 20:44:14浏览次数:32  
标签:窗口 轮播 winWidth 高度 宽度 设置

 

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

 

this.winWidth = uni.getWindowInfo().windowWidth
console.log("当前窗口宽度:"+this.winWidth);

<swiper
    class="swiper" 
    :style="{ height: winWidth + 'px'}"
    circular 
    autoplay 
    interval="80000"
    @change="onSwiperChange"
>
....

  

标签:窗口,轮播,winWidth,高度,宽度,设置
From: https://www.cnblogs.com/niunan/p/17591989.html

相关文章

  • typora自动编号设置,pdf导出也带编号
    鉴于目前网上的baser.use.css文件配置都无法在pdf导出时保存编号,所以列出baser.use.css文件内容(之前在网上找的,找不到链接了),该配置可以在导出pdf的时候保存编号,亲测。/***author:LPZ*email:[email protected]*/h1,h2,h3,h4,strong{font-weight:600;}/*......
  • IDEA设置
    IDEA设置1.字体大小设置File->Settings->Editor->Font2.取消自动更新File->Settings->Appearance&Behavior->SystemSettings->Updates3.代码提示忽略大小写File->Settings->Editor->CodeCompletion->Matchcase4.修改项目文件等......
  • uniapp Ucharts 横向bar图 每个设置颜色不同
    代码-------》》》arr=[80,80,80]letvalueList=arr.map((item,index)=>{ letcolor='' letnewNumber=Number(item) if(index==0)color='#5593FE' if(index==1)color='#93b6f8' if(ind......
  • uniapp 移动端axisLabel 设置formatter无效的解决方法
    pc端是直接在option里配置移动端在renderjs里的监听变化的时候去设置updateEcharts(newValue,oldValue,ownerInstance,instance){//监听service层数据变更try{newValue.xAxis.axisLabel.formatter=function(......
  • RectTransform的两个设置大小的api
     varrtf=GetComponent<RectTransform>();rtf.SetSizeWithCurrentAnchors(RectTransform.Axis.Horizontal,200);SetSizeWithCurrentAnchors不会改变anchorMin和anchorMax设置大小会根据pivot的值,往两边扩充 varrtf=GetComponent<RectTransform>();rtf.SetInset......
  • 【Python】使用 pyecharts 模块绘制动态时间线柱状图 ① ( 列表排序 | 使用 sorted 函
    文章目录一、列表排序1、使用sorted函数对容器进行排序2、使用list.sort函数对列表进行排序3、使用list.sort函数对列表进行排序-设置排序函数4、使用list.sort函数对列表进行排序-设置lambda匿名排序函数pyecharts画廊网站:https://gallery.pyecharts.org/#/......
  • 使用StoryBoard设置Scrollview的横向滚动不用一行代码
    1).创建一个空工程Single类型的工程,然后打开故事版(StoryBoard)在ViewController上添加scrollview2).然后对scrollview添加约束,上下左右全部都是0就可以(注意:在添加上下左右约束的时候一定要取消Constraintomargins,否则添加完的约束会出现左右各缺少20像素的边距)3).添加完......
  • System.NullReferenceException:“未将对象引用设置到对象的实例。”
     c#中操作的变量都是对象对象则有属性和方法   未将对象引用  设置到  对象的实例就是对实例进行操作属性和方法时出错,也就是说该对象没有这个属性或者方法另外当操作的对象为空时,也会出现该错误。我这里就是操作的对象为空出错。因为我没用写入该字段。......
  • VMware-NAT网络模式下-设置静态IP后无法连接Internet的问题
    VMware-NAT网络模式下-设置静态IP后无法连接Internet的问题 设置Centos的静态IP和DNS     参考资料1.VMware-NAT网络模式下-设置静态IP后无法连接Internet的问题......
  • 魔兽单机版局域网设置教程
    这是一个老版本的教程,最新的魔兽世界服务端可以完成一键安装首先找到魔兽的安装目录魔兽世界\WowEmu\ArcEmu\configs。(WowEmu这文件夹)是魔兽单机版的,也就是在WowEmu中国论坛上下的3.05版的客服,然后照它说的安,在魔兽里就有的(废话!)。正题,configs文件里是不是有4个文件啊,分别是arcemu-l......