微信小程序swiper切换选项卡,每个选项卡内容不一样,,怎么让item的高度自适应

Posted 2023-05-10

微信小程序swiper切换选项卡,每个选项卡内容不一样,都是在半屏这样的高度或者三分之一的高度,下面还有一个按钮，按钮的位置是跟着高度的变化而变化高低的，怎么让swiper-item的高度自适应

参考技术A 计算出高度后重新赋值

mui-顶部选项卡-第一个选项卡内容不显示

<div id="item1" class="mui-control-content mui-active">
                    <div id="scroll" class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <ul class="mui-table-view">
                                <li class="mui-table-view-cell">
                                    第一个选项卡子项-1
                                </li>
                                <li class="mui-table-view-cell">
                                    第一个选项卡子项-2
                                </li>。。。。

以上是第一个选项卡的源代码

解决办法：把

class="mui-scroll-wrapper" 改为

class="mui-scroll-content"  就可以了