收藏
回答

请问这个怎么做出跳转?

原本是这样一个页面,点击最新跳转到最新页面,点击最热跳转到最热页面,但是tabbar还是显示主页不变

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

4 个回答

  • brave
    brave
    2022-04-27
    <view class="tabs">
      <view class="tab_item {{activeTab === 0 ? 'tab_active' : ''}}" data-index="0" bindtap="handleChange">最热</view>
      <view class="tab_item {{activeTab === 1 ? 'tab_active' : ''}}" data-index="1" bindtap="handleChange">最新</view>
    </view>
    <view class="content">
      <view class="hot" wx:if="{{activeTab === 0}}">最热内容</view>
      <view class="new" wx:else>最新内容</view>
    </view>
    
    handleChange(e) {
      this.setData({
        activeTab: parseInt(e.currentTarget.dataset.index)
      })
    }
    
    2022-04-27
    有用 3
    回复 3
    • 南柯
      南柯
      2022-04-27
      老哥不好意思是这样的效果,你给的代码我看懂了,那这样的也能实现嘛
      2022-04-27
      回复
    • brave
      brave
      2022-04-27回复南柯
      不用想太多,思路就是这样,至于要什么效果自己加
      2022-04-27
      回复
    • 南柯
      南柯
      2022-04-27回复brave
      好的谢谢老哥
      2022-04-27
      回复
  • 拾柒
    拾柒
    2022-04-27

    不用跳转页面啊,点击tabbar 直接切换下面的内容,跳转页面的话体验不是很好

    2022-04-27
    有用 1
    回复 8
    • 南柯
      南柯
      2022-04-27
      最下面是不动的,动的是上面的最热和最新
      2022-04-27
      回复
    • 南柯
      南柯
      2022-04-27
      没办法甲方要求
      2022-04-27
      回复
    • 拾柒
      拾柒
      2022-04-27回复南柯
      设计的不合理
      2022-04-27
      回复
    • 拾柒
      拾柒
      2022-04-27回复拾柒
      看你的图片就是一个页面啊,只是点击tabbar,中间切换内容不一样
      2022-04-27
      回复
    • 南柯
      南柯
      2022-04-27回复拾柒
      老哥设计图是这样的,我要实现点击我的请假是一个页面,点击我的审批又是另一个页面,tabbar的list我已经用在下面了,如图
      2022-04-27
      回复
    查看更多(3)
  • Frank
    Frank
    2022-04-27

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html,使用代码片段来反馈问题更好一些

    2022-04-27
    有用 1
    回复
  • peng
    peng
    2022-04-27

    这个是在同一个页面上,上面的最新最热就一个tabs,可以自己通过样式控制,官方也有示例


    https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/

    看下tabs

    2022-04-27
    有用
    回复 1
    • 南柯
      南柯
      2022-04-27
      我找到了tabs但好像没有官方示例的代码,只有手机上的有
      2022-04-27
      回复
登录 后发表内容