小程序
小游戏
企业微信
微信支付
扫描小程序码分享
原本是这样一个页面,点击最新跳转到最新页面,点击最热跳转到最热页面,但是tabbar还是显示主页不变
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<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) }) }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
不用跳转页面啊,点击tabbar 直接切换下面的内容,跳转页面的话体验不是很好
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html,使用代码片段来反馈问题更好一些
这个是在同一个页面上,上面的最新最热就一个tabs,可以自己通过样式控制,官方也有示例
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/
看下tabs
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<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) }) }
不用跳转页面啊,点击tabbar 直接切换下面的内容,跳转页面的话体验不是很好
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html,使用代码片段来反馈问题更好一些
这个是在同一个页面上,上面的最新最热就一个tabs,可以自己通过样式控制,官方也有示例
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/
看下tabs