小程序开发ui（小程序开发uvc华网）
本篇文章给大家谈谈小程序开发ui，以及小程序开发uvc华网对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
微信小程序ui设计尺寸规范
小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。这里了解就行，设计稿尺寸375px或750px都没问题。
微信小程序ui框架有哪些
微信小程序开发，是目前火爆的开发方式，也是适应中小企业快速解决的一个方案。选择一个合适自己的开发UI框架，能够让自己开发速度提升数倍。
推荐两个小程序UI框架：
WeUI
WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件
ColorUI
ColorUI是开源且支持原生小程序的UI组件，由于我目前在帮朋友改一个原生的微信小程序，所以就选择了这款开源组件。
微信小程序引入第三方UI组件
需要引入第三方UI组件 Vant-Weapp
打开终端，输入cd 拖拽项目文件到终端，然后输入命令npm init
此时，输入package name名称，一直点回车就行
出现Is this OK?(yes)，直接回车即可
在终端输入命令npm i vant-weapp -S --production
在回过头看，在微信小程序开发工具中会多一个文件package.json，在这里面就可以进行包的配置。
这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm，其中就有我们刚刚安装好的vant组件库
这里要注意，一定是将引入的第三方组件写入“usingComponents”的字典中，如果写成平级的话，会提示page.json [vant-button]无效
vant-button type="danger"微信登陆/vant-button
小程序的ui框架尺寸
小程序的 UI 设计指南在小程序官方文档中均有介绍，以微信官方设计文档为参照：
1、 小程序布局：小程序的布局主要采用块状结构进行布局，优先采用卡片、列表或网格等布局方式；
2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色；
3、小程序 UI 尺寸：采用 1080px 宽，720px 高的界面设计尺寸，控件尺寸以 8px 为基准单位，即每个控件的间距需以 8px 设计；
4、 小程序 UI 字号：字体最大尺寸 36px，最小尺寸 24px，中等字体尺寸使用 30px。
小程序开发ui的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序开发uvc华网、小程序开发ui的信息别忘了在本站进行查找喔。
