微慕小程序基础教程：怎么在底部tabbar显示指定分类？

微慕小程序底部菜单栏默认有首页、分类、排行、我的，不过有些站长想将其中的“分类”或“排行”改为指定的某个分类文章，虽然微慕小程序开源版的“常见问题 - 使用常见”中也给出了方案，但是太过简单，有些站长未必懂得实现，所以懿古今就跟大家说一说将“排行”改为ID为1（名称为日记）的分类文章列表的具体实现方法。

1、打开微信开发者工具打开小程序源码，找到“pages/list”并右键list复制粘贴即可得到一个新的list文件夹，可将其命名为list1，里面的文件也跟着命名为list1.js、list1.wxml、list1.wxss、list1.json。

2、打开list1.wxml文件并将第16行代码修改为：

<ui-sys tabbar>
<ui-navbar back="{{false}}" isSlot>
<view class="flex-center flex-sub">{{categoriesName||searchKey}}</view>
</ui-navbar>

并找到以下代码将其删除（下图红框位置的代码）：

3、打开list1.js找到如下代码（第178行）：

if (options.categoryID && options.categoryID != 0) {

在该代码的上面添加以下代码：

options.categoryID=1

其中1就是指定分类的ID。

4、找到“utils/uiconfig.js”文件，将第23行代码中的“排行”改为“日记”，第26行代码中的路径修改为该分类的路径：/pages/list1/list1

5、打开app.json文件，找到以下代码：

"pages/list/list",

并在其下方添加以下代码：

"pages/list1/list1",

然后将第48行代码中的路径修改为该分类的路径：pages/list1/list1

6、打开custom-tab-bar/index.js文件并将第18行代码中的路径修改为最新评论路径：pages/list1/list1，第19行代码的“排行”改为“日记”（需要跟第4步的名称一致）。

所有文件修改后一定记得保存，然后就可以看到底部菜单的“排行”变成了“日记”，点击“日记”后即可打开我们所指定的分类列表页面。具体如下图所示：

本文地址：https://www.yigujin.cn/5335.html

您可能感兴趣的文章

• 微慕小程序基础教程：如何修改小程序头部的默认颜色？12种颜色可选
• 微慕小程序基础教程：如何将底部菜单栏“排行”改为“最新评论”或其他
• 微慕小程序基础教程：如何实现小程序底端菜单栏不显示排行榜？
• 微慕小程序基础教程：小程序赞赏鼓励的默认金额在哪里修改？
• 微慕小程序基础教程：如何去掉首页排行榜列表页的缩略图？
• 微慕小程序基础教程：WordPress文章页内链如何自动实现小程序内跳转？
• 微慕小程序基础教程：如何实现仅在开启激励视频广告的文章页显示小程序码？
• 微慕小程序基础教程：小程序广告位ID如何获取？广告设置如何填写？
• 微慕小程序基础教程：如何设置和开启激励视频？
• 微慕小程序基础教程：删除哪些代码可以让文章不显示阅读数？