在使用Tabs组件遇到swiper高度自适应问题,使用变量计算高度值解决小经验。
在社区里找了很多解决高度的问题,相对都比较麻烦,并且嵌套FOR之后问题一直没解决。最后是通过下面方法解决的。
1. 在wxss中,定义变量:width:var(--width--);
2. 在js中,定义变量:viewWidth,并给这个变量赋予想要的值
3. 在xml中,使用wxss中的变量和js中的变量:style="--width--: {{ viewWidth }}px"
方法比较简单,也可以借鉴到其他应用。