用swiper做了一个选项卡,但是数据显示高度不够
发布于 6 年前 作者 huguiying 16860 次浏览 来自 问答

<view class=“swiper-tab”>

<view class=“swiper-tab-list {{currentTab==0 ? ‘on’ : ‘’}}” data-current=“0” bindtap=“swichNav”>精选</view>

<view class=“swiper-tab-list {{currentTab==1 ? ‘on’ : ‘’}}” data-current=“1” bindtap=“swichNav”>团队游</view>

<view class=“swiper-tab-list {{currentTab==2 ? ‘on’ : ‘’}}” data-current=“2” bindtap=“swichNav”>自由行</view>

</view>

<swiper current="{{currentTab}}" class=“swiper-box” duration=“300” style=“height:{{winHeight}}px” bindchange=“bindChange”>

<!-- 我是哈哈 -->

<swiper-item>

<scroll-view wx:for="{{listData}}" wx:key="{{item.id}}">

<!-- 点击跳转界面并传值 -->

<navigator url=’…/indexDetail/indexDetail?id={{item.id}}’>

<image src=’{{item.imgurl}}’ class=‘listImg’></image>

<text class=‘listContent’>{{item.content}}</text>

<text>\n</text>

</navigator>

</scroll-view>

</swiper-item>

<!-- 我是呵呵 -->

<swiper-item>

<scroll-view wx:for="{{listData}}" wx:key="{{item.id}}">

<!-- 点击跳转界面并传值 -->

<navigator url=’…/indexDetail/indexDetail?id={{item.id}}’>

<image src=’{{item.imgurl}}’ class=‘listImg’></image>

<text class=‘listContent’>{{item.content}}</text>

<text>\n</text>

</navigator>

</scroll-view>

</swiper-item>

<!-- 我是嘿嘿 -->

<swiper-item>

<scroll-view wx:for="{{listData}}" wx:key="{{item.id}}">

<!-- 点击跳转界面并传值 -->

<navigator url=’…/indexDetail/indexDetail?id={{item.id}}’>

<image src=’{{item.imgurl}}’ class=‘listImg’></image>

<text class=‘listContent’>{{item.content}}</text>

<text>\n</text>

</navigator>

</scroll-view>

</swiper-item>

</swiper>

6 回复

上面是轮播,下面是swiper做的选项卡

对啊,高度不够然后我的数据就显示不完整

请问你这个问题解决了吗?或者是有没有别的方法可以写选项卡?

还是不理解 什么数据没显示全啊 是说最下面的swiper不全吗

数据显示不全

我是哼哼 你啥高度不够啊,截图说明可以吗

回到顶部