微信小程序底部tab图标大小
1、制作的icon要在50*50px以内（红色）， 小程序导航icon 周围系统自留了空间（蓝色），此处的小房子icon是34*39px 微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
2、首先打开微信开发工具，载入需要修改的小程序工程。然后打开app.json页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色。然后在list中设置两个标签，其中使用pagePath和text填写一下点击跳转的路径和选项的名字。
3、设置导航栏导航栏TabBar如果我们的小程序是一个多tab应用（客户端窗口的底部或顶部有tab栏可以切换页面），那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。
4、text： tab 上按钮文字。 iconPath： 图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。 selectedIconPath： 选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。跳转到普通页，可以直接通过返回按钮返回。
5、本次开发场景为使用uni-app框架开发微信小程序，需要根据用户权限定制底部菜单展示，因此需要自定义tabbar。小程序自定义组件主要分为两种实现方式：基于微信原生的自定义组件与开发者自主开发的自定义组件。
微信小程序01:底部菜单(tabBar)
1、小程序底部菜单标签个数不少于2个，最多不超过5个。可以在 阿里巴巴矢量图标库 找到你需要的图标。
2、设置导航栏导航栏TabBar如果我们的小程序是一个多tab应用（客户端窗口的底部或顶部有tab栏可以切换页面），那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。
3、在进行微信小程序开发时，遇到配置了TabBar但不显示问题是非常头疼的。此时首先要确定路径、配置无误且遵循官方文档指引。经验显示，关键在于启动页的设置。解决该问题的方法在于，确保启动页面包含于TabBar中，并且成为列表属性（tabBar.list）中的首个元素。只有这样，TabBar才可正常显示。
4、分享一个完整的微信小程序自定义 Tabbar ，tabbar按钮可以设置为跳转页面，也可以设置为功能按钮。懒得看文字的可以直接去底部，博主分享了GitHub地址。由于微信小程序自带的 Tabbar 功能比较单一，比如要做到中间是一个突出的圆形扫一扫按钮，就需要自定义 Tabbar 了。
如何修改微信小程序的图标
1、首先打开微信开发工具，载入需要修改的小程序工程。然后打开app.json页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色。然后在list中设置两个标签，其中使用pagePath和text填写一下点击跳转的路径和选项的名字。
2、点击编辑小程序，可以对基本信息进行修改，比 名称、布局、图标等等。点击基本信息，然后修改图标，如图所示。小程序的图标尺寸和大小都是有要求的，144*144，规格按照要求要求制作完成后上传。设置完成后点击发布，进行刷新，在微信上搜索小程序就发生变化了。
3、需要进入微信公众管理平台，登陆小程序开发的账号，然后在小程序设置里面修改小程序的logo。
微信小程序应用图标如何制作
1、然后导入自己的logo或者其他想要作为图标的文件图片，如图所示。图片导入进来后可能大小和这个文件不匹配，需要使用快捷键ctrl+T变形命令来调整大小和位置。然后调整对齐方式，如图所示，选择这两个图层，然后在上方设置对齐方式。
2、回到微信小程序开发者工具中，将代码粘贴到小程序页面的 wxss 文件中，wxss 文件可以类比为普通网页的 css 文件。
3、如何制作微信小程序第一步我们先搜索微信公号，然后进入微信公众平台，如下图所示。第二步然后进去之后，然后点击立即注册，如下图所示。第三步注册之后一进去，点击小程序，如下图所示。第四步然后填写我们的信息之后点击注册就可以了，如下图所示。