原本是这样一个页面,点击最新跳转到最新页面,点击最热跳转到最热页面,但是tabbar还是显示主页不变
请问这个怎么做出跳转?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
回答:
这个是在同一个页面上,上面的最新最热就一个tabs,可以自己通过样式控制,官方也有示例
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/
看下tabs
不用跳转页面啊,点击tabbar 直接切换下面的内容,跳转页面的话体验不是很好
原文出处:请问这个怎么做出跳转?
<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) })}