作为一名后端开发人员,虽然写点 CSS 不是那么费劲,但是做一款设计风格统一的小程序UI还是有点难度的。好在已经有好多小程序前端UI库可用。
1. weUI
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
官网地址:https://weui.io/
文档地址:https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/
2. Vant
Vant 是一个轻量、可定制的移动端组件库,于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。
官方地址:https://vant-contrib.gitee.io/vant/#/zh-CN
3. Thor UI
Thor UI是包含uni-app和原生小程序双重版本且轻量、简洁的移动端组件库。提供近百个高质量组件,覆盖移动端各类场景,让您的开发效率倍速提升!
官方地址:https://thorui.cn/
4. Color UI
ColorUI是一个鲜亮的高饱和色彩,专注视觉的小程序组件库。
官方地址:https://gitee.com/weilanwl/ColorUI/
-
如何修改微信小程序原生组件外观样式如何修改微信小程序原生组件外观样式
-
微信小程序「评价组件」评分后无法再次打开入口微信小程序像个桥梁,连接了用户和开发者。它提供了很多方便的功能组件,其中有个叫做「评价发布组件」的特别实用。这个组件让开发者能轻松地在小程序里加入评价功能,邀请用户打分和反馈。
-
监听菜单按钮(右上角胶囊按钮)的布局位置信息变化事件wx.onMenuButtonBoundingClientRectWeightChange 为微信小程序监听菜单按钮(右上角胶囊按钮)的布局位置信息变化事件API。
-
wx.getDeviceBenchmarkInfo 获取设备性能得分和机型档位数据APIwx.getDeviceBenchmarkInfo是微信小程序获取设备性能得分和机型档位数据API。
-
wx.openHKOfflinePayView 拉起WeChat Pay HK付款码APIwx.openHKOfflinePayView是微信小程序拉起WeChat Pay HK付款码API。
-
微信小程序打开任意公众号文章 wx.openOfficialAccountArticlewx.openOfficialAccountArticle是微信小程序通过小程序打开任意公众号文章api,不包括临时链接等异常状态下的公众号文章,必须有点击行为才能调用成功。
暂无评论,抢个沙发...