微信小程序 扩展组件 tabs 中的 swiper 部分高度自适应

时间:2024-04-18 10:42:34
【文件属性】:

文件名称:微信小程序 扩展组件 tabs 中的 swiper 部分高度自适应

文件大小:110KB

文件格式:PDF

更新时间:2024-04-18 10:42:34

微信,小,程序,扩展,组件,tabs,中的,swiper,部

由于官方给了 swiper 固定高度150,且 swiper-item 都是 absolute 定位,所以实际应用中经常会碰到问题,在此记录一下修改方式。 一、正常 npm 下载 tabs 包,并用开发者工具构建 npm 二、修改构建出的目录 miniprogram_npm 目录下的 tabs 插件源码 1、修改 tabs 插件的 wxml 文件,添加 style 属性,看下图位置 (此图片来源于网络,如有侵权,请联系删除! ) 2、修改 tabs 插件的 js 文件,添加 swiperStyle 属性 (此图片来源于网络,如有侵权,请联系删除! ) 3、使用 tabs 插件的页面添加 swi


网友评论