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

• • 腾讯云建站教程
  • 宝塔面板建站教程
  • 老薛主机建站教程
  • SiteGround建站教程

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

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