请问这个怎么做出跳转?

小程序 文章 2022-04-27 11:00 266 0 全屏看文

AI助手支持GPT4.0

请问这个怎么做出跳转?How to make this jump?

请问这个怎么做出跳转?

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

It was originally such a page. Click the latest page to jump to the latest page and click the hottest page to jump to the hottest page, but tabbar still displays the home page unchanged

回答:

brave:
<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)  })}
南柯:老哥不好意思是这样的效果,你给的代码我看懂了,那这样的也能实现嘛
peng:

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


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

看下tabs

南柯:我找到了tabs但好像没有官方示例的代码,只有手机上的有
小黎:

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

南柯:最下面是不动的,动的是上面的最热和最新
南柯:没办法甲方要求
小黎:设计的不合理
小黎:看你的图片就是一个页面啊,只是点击tabbar,中间切换内容不一样

-EOF-

AI助手支持GPT4.0