小程序底部固定菜单栏

底部固定导航栏是小程序非常普遍的一个功能，微信也很贴心，直接给我们封装好了，我们直接调用就好了。

现在我们开始实现，我们按照小程序的开发文档上面来就好了：

按照规则配置好app.json文件，功能就能顺利实现。

值得注意的就是，这个配置一定要放置到页面注册后面，不然会报错，因为导航栏是在加载好的页面中去自动生成的。

效果展示

通过使用 Towify 左侧导航栏中的界面，创建一个Tabbar View 界面，然后通过自定义上传图标和设置样式，即可实现底部的菜单导航。

创建界面

点击左侧导航栏中的界面。

点击Tabbar View。

点击确认创建界面。

数据绑定

选中底部导航栏图标。

自定义文本内容。

选中底部导航栏图标。

上传 svg。

配置样式

选中图标。

点击检查面板中的样式面板。

配置图标颜色和阴影。

1、首先打开微信app。

2、其次在微信页面，把页面下滑到最顶端时，继续按住屏幕往下拖动，调出小程序页面。

3、最后小程序页面，上边为近期常用小程序，下部虚框中为要固定的小程序，小程序固定后，就永远不会消失了。

---