微慕小程序基础教程：如何将底部菜单栏“排行”改为“最新评论”或其他

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

前面跟大家分享了『微慕小程序基础教程：如何实现小程序底端菜单栏不显示排行榜？』，有些站长说底部菜单栏只有3个感觉有点空，那么我们完全可以将“排行”菜单改为其他菜单，如改为“最新评论”、“赞赏”、“关于我们”，甚至是某一篇文章或分类。下面懿古今就跟大家说一说如何将将底部菜单栏“排行”改为“最新评论”，具体操作如下：

1、使用微信开发者工具打开小程序源码，找到“utils/uiconfig.js”文件，将第23行代码中的“排行”改为“最新评论”，第26行代码中的路径修改为最新评论路径：/pages/comments/comments

2、打开app.json文件并将第47行代码中的路径修改为最新评论路径：pages/comments/comments

3、打开custom-tab-bar/index.js文件并将第18行代码中的路径修改为最新评论路径：pages/comments/comments，第19行代码的“排行”改为“最新评论”。

4、打开pages/comments/comments.wxml文件并将以下代码：

<ui-sys title="最新评论">

修改为

<ui-sys tabbar>
<ui-navbar back="{{false}}" isSlot>
<view class="flex-center flex-sub">最新评论</view>
</ui-navbar>

具体如下图所示：

所有文件修改后一定记得保存，然后就可以看到底部菜单的“排行”变成了“最新评论”，点击“最新评论”后即可打开最新评论的页面。具体如下图所示：

本文仅仅以“最新评论”为例跟大家说一说如何将底部菜单栏的“排行”改为“最新评论”，如果想要修改为其他页面如赞赏或其他，修改的方法是一样的，记得找对文件及填写正确的路径即可。