1、底部固定导航栏是小程序非常普遍的一个功能，微信也很贴心，直接给我们封装好了，我们直接调用就好了现在我们开始实现，我们按照小程序的开发文档上面来就好了按照规则配置好appjson文件，功能就能顺利实现值得注意的就是；分享一个完整的微信小程序自定义 Tabbar ，tabbar按钮可以设置为跳转页面，也可以设置为功能按钮懒得看文字的可以直接去底部，博主分享了GitHub地址由于微信小程序自带的 Tabbar 功能比较单一，比如要做到中间是一个突出的圆形；使用scrollview里面的bindscroll事件，获取就可以知道你所滚动的高度了；1首先要下载 官方的 Web开发者工具打开 公众平台，找到右下方的小程序模块，点击开发按钮2点击顶部导航栏的工具按钮，在新页面的左侧栏中找到下载可以看到，开发工具提供Windows32位Windows64位和Mac；看图，应该是你的applet窗口的size过小了，导致了重叠应该在调用applet的时候设定下窗口的默认大小有2中方法，一种是在HTML 中applet标签里面，加上width，height的值， ，差不多是这种样子的还有一种方法是在代码里面。

2、uniapp自带的底部导航栏虽然也很好用，但是遇到中间需要有一个自定义按钮的需求的时候如果使用自带的midButton，就只支持App，小程序什么都不支持ADTabbar自定义底部导航栏支持App小程序的中间自定义按钮，可以自己设置css让；删除原有的 type 属性，自己添加 class 即可，class 代码写在 ss 文件中如下；设置导航栏导航栏TabBar如果我们的小程序是一个多tab应用客户端窗口的底部或顶部有tab栏可以切换页面，那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面Tip通过页面跳转navigateTo或者。

3、要创建底部菜单栏，首先创建好我们底部菜单栏需要跳转的页面，这里值演示2个，一个首页，一个我的打开appjson页面，在window下写下面的代码 #34tabBar#34 #34color#34 #34#bfbfbf#34， #34。

4、1打开微信小程序，选中一张图片，随后点击界面上方的“格式”选项卡按钮2在随后打开的界面中点击环绕文字按钮，在接着弹出的下拉菜单中点击“浮于文字上方”或其他与衬于文字下方不同的选项即可；微信小程序可以在微信中打开，具体操作如下1 打开微信，点击底部的“发现”按钮2 在“发现”页面中，点击“小程序”选项3 在“小程序”页面中，可以浏览已经安装的小程序，也可以搜索需要使用的小程序4 点击；效果展示通过使用 Towify 左侧导航栏中的界面，创建一个Tabbar View 界面，然后通过自定义上传图标和设置样式，即可实现底部的菜单导航创建界面点击左侧导航栏中的界面点击Tabbar View点击确认创建界面数据绑定选中底部导航。

5、方法一navigateToOBJECT 保留当前页面，跳转到应用内的某个页面，使用navigateBack可以返回到原页面OBJECT参数说明参数 类型 必填 说明 url String 是 需要跳转的应用内页面的路径 ， 路径后可以带参数参数与；效果展示通过在界面素材中添加一个底部悬浮层，同时配置触发器行为打开悬浮层，实现一个底部悬浮层弹出的效果添加悬浮层点击左侧导航栏的界面添加一个底部悬浮层触发器配置注意在检查器面板中的触发器设置面板创建触发器；你的主Panel设置成borderlayout 然后 主Paneladd放数字的Panel， BorderLayoutCENTER主Paneladd输出框， BorderLayoutNORTH就可以了；1小程序底部菜单标签个数不少于2个，最多不超过5个2可以在 阿里巴巴矢量图标库 找到你需要的图标3小程序建议图标大小为81*81px 我这边选择的是64尺寸的png图片，每一个图标选择两种颜色，分别对应未选中状态和选中。

6、1首先打开微信开发工具，载入需要修改的小程序工程2然后打开appjson页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色3然后在list中设置两个标签，其中使用pagePath和text。