微信小程序01:底部菜单(tabBar)
小程序底部菜单标签个数不少于2个，最多不超过5个。可以在 阿里巴巴矢量图标库 找到你需要的图标。
tabBar 在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。（1）tabBar相关属性 color：tab上的文字默认颜色，仅支持十六进制颜色。selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。
微信小程序底部菜单栏的创建过程。要创建底部菜单栏，首先创建好我们底部菜单栏需要跳转的页面，这里值演示2个，一个首页，一个我的。
需求：由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度。根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度。
微信小程序底部tab图标大小
1、小程序底部菜单标签个数不少于2个，最多不超过5个。可以在 阿里巴巴矢量图标库 找到你需要的图标。
2、新建一个微信小程序0607，完成后，大致架构如图。打开app.json，在其中配置topbar，如图，红色部分表示的代码；注意：绿色处的逗号，不可省略。上图代码运行后，即可看到添加的底部导航，如图。
3、这个是在代码里面设置的，把图标的长宽缩小一点就可以了。
4、tabBar 在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。（1）tabBar相关属性 color：tab上的文字默认颜色，仅支持十六进制颜色。selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。
5、分享一个完整的微信小程序自定义 Tabbar ，tabbar按钮可以设置为跳转页面，也可以设置为功能按钮。懒得看文字的可以直接去底部，博主分享了GitHub地址。
6、在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。color： tab上的文字默认颜色，仅支持十六进制颜色。 selectedColor： tab上的文字选中时的颜色，仅支持十六进制颜色。
微信小程序画布最大高度
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
首先，打开微信小程序，点击右上角的最大化按钮，将窗口扩大到整个屏幕。如果微信小程序窗口没有最大化按钮，可以通过双击窗口标题栏来实现全屏显示。另外，也可以使用键盘快捷键来实现全屏显示。
基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。
可以通过调整分辨率或使用浏览器缩放功能来最大化微信小程序在电脑上的显示。首先，可以通过调整电脑的分辨率来实现微信小程序的最大化显示。
小程序中 canvas、textearea、video等组件使用原生渲染，层级最高，无法通过z-idnex设置进行控制 在微信小程序的社区也有类型的问题，官方给出的解决办法是将其进行隐藏，在需要时进行显示。
vmin ：视口宽度 vw 和高度 vh 两者之间的最小值。其实，有 vmin 自然就会有 vmax ， vmax 意为视口宽度 vw 和高度 vh 两者之间的最大值。
微信小程序ui设计尺寸规范
小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
在微信提供的标准组件库中，各种控件元素均已考虑到了页面点击效果以及不同屏幕的适配，因此再次推荐使用或模仿标准控件尺寸进行设计。
**视觉规范**：使用微信提供的基础控件库和资源，保持视觉一致性。1 **字体规范**：字体使用与系统保持一致，遵循指定的字号和颜色规范。1 **图标使用**：遵循图标使用原则，确保视觉一致性和清晰性。
由于腾讯给开发者规定的小程序大小不能超过1MB，可以承载的内容有限，因而小程序要做到尽可能的简单。思途门票小程序用起来十分方便，能够随时随地查询购买门票了。
怎样设计小程序的Logo?
1、然后导入自己的logo或者其他想要作为图标的文件图片，如图所示。图片导入进来后可能大小和这个文件不匹配，需要使用快捷键ctrl+T变形命令来调整大小和位置。然后调整对齐方式，如图所示，选择这两个图层，然后在上方设置对齐方式。
2、以下是设计Logo图案的方法：简单易懂 简洁直观的设计语言有助于消费者在快速浏览中形成记忆点。无需过多元素，精心把握主题，创新地用笔正常，清晰传达出信息面貌和主题定位。
3、点击第一个网站进入创意字体logo设计生成器。拉到网站下面，你会发现有很多的logo模板，且大多数是免费的抖音头像在线生成器。找到喜欢的一个模板进入 打上需要的文字，然后点击提交自己在线制作logo免费头像。
4、使用简单的形状和颜色：通过使用简单的形状和颜色，可以让logo更容易理解和记忆。避免过多细节：太多细节会使logo看起来杂乱无章，并且容易让人看懂。因此，在设计logo时应该避免添加过多细节。