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

前面跟大家分享了『微慕小程序基础教程：如何实现小程序底端菜单栏不显示排行榜？』，有些站长说底部菜单栏只有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>

具体如下图所示：

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

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

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

您可能感兴趣的文章

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