当前位置: 首页 > article >正文

记录uniapp组件swiper自适应高度

在uniapp组件swiper不能自适应高度

思路:

根据传的图片,进行图片分析宽高,

根据屏幕尺寸,进行换算对应的宽高比。

最后获得图片尺寸,进行赋值。

<swiper class="swiper" :style="{ height: `${swiperheight}` + 'px' }" @change="onSwiperChange">
            <swiper-item class="swiperitem" v-for="(item,index) in banner_list" :key="index">
                <image style="width: 100%;" :style="{ height: `${swiperheight}` + 'px' }" :src="item.b_imgurl_url"
                    mode="widthFix" />
            </swiper-item>
        </swiper>

data(){

     return{

           swiperheight: "0px",

      }

onSwiper


http://www.kler.cn/a/462969.html

相关文章:

  • HackMyVM-Airbind靶机的测试报告
  • 最新MySQL面试题(2025超详细版)
  • Rust 泛型、特征与生命周期详解
  • Alist-Sync-Web 网盘自动同步,网盘备份相互备份
  • Formality:官方Tutorial(一)
  • 信息科技伦理与道德1:绪论
  • 期权懂|个股期权的流动性如何?
  • 生成埃里克卡特曼人工智能语音听起来像他或配音视频
  • PyTorch transpose、permute、view和einops.rearrange
  • LeetCode 热题 100_二叉树的直径(40_543_简单_C++)(二叉树;递归)
  • pip安装paddle失败
  • 【AIGC篇】“智” 造元宇宙新境:AIGC 于虚拟现实的奇幻征途
  • 亚马逊国际站商品爬虫:Python实战指南
  • 【操作系统进程与线程管理:从PCB到多线程并发编程】
  • 基本语法与数据结构:全面掌握 Java 的基础
  • STM32使用UART发送字符串与printf输出重定向
  • 自动驾驶---Tesla FSD Version 13
  • Java排序算法全解析
  • memcached的基本使用
  • arcgis模版空库怎么用(一)
  • 基于Java+SQL Server实现的(GUI)会展中心管理系统
  • Wndows bat将一个目录下所有子文件夹的路径导出到txt文本
  • Windows 安装 MySQL8(在已有MySQL 5.7 的情况下)
  • 【SQL Server】教材数据库(3)
  • 【Domain Generalization(2)】领域泛化在文生图领域的工作之——PromptStyler(ICCV23)
  • 爬虫基础之爬取表情包GIF