收藏
回答

小程序 vtabs组件滑动跳转混乱?

使用官方提供的vtabs 示例中的代码,开发垂直滑动选项卡。

右侧内容项中的高度是根据内容的大小随机设定的,然后就会出现选项卡切换混乱的问题,当给右侧内容项设定固定高度时,又没有问题。

请问存在什么bug呢?

回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-Riven
    社区技术运营专员-Riven
    10-14

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    10-14
    有用
    回复 8
    查看更多(3)
  • 觀·自在
    觀·自在
    20小时前

    的确设置固定高度没问题,但当内容随机高度的时候,跳转就会混乱!

    控制台可以看到:在自动向前跳一下

    请问解决了吗?谢谢!

    20小时前
    有用
    回复
  • 草莽英雄
    草莽英雄
    10-14

    wxml:

    <mp-vtabs

    vtabs="{{vtabs}}"

    activeTab="{{activeTab}}"

    bindtabclick="onTabCLick"

    bindchange="onChange"

    class="test"

    >

    <block wx:for="{{vtabs}}" wx:key="index" wx:for-item="item" >

    <mp-vtabs-content tabIndex="{{index}}">

    <view class="vtabs-content-item" >

    <mp-cells title="{{item.title}}">

    <view wx:for="{{cells[index]}}" wx:key="title" wx:for-item="newitem">

    <mp-cell link url="../article/article?id={{newitem.id}}" hover value="{{newitem.title}}">

    </mp-cell>

    </view>

    </mp-cells>

    </view>

    </mp-vtabs-content>

    </block>

    </mp-vtabs>

    其余的跟官方提供的组件示例一致,https://developers.weixin.qq.com/s/SG4tK2mD77f7

    由于我的内容是从数据库取出来的,每一项内容数量不一致,wxss中设置:.vtabs-content-item{height=auto;}

    而官方组件中设定的是固定高度。

    请问这个问题怎么处理?



    10-14
    有用
    回复
登录 后发表内容
问题标签