【Github】项目名:wux – weapp – 微信小程序UI组件库
项目简介
wux – weapp是一套组件化、可复用、易扩展的微信小程序UI组件库。它提供了多种安装和使用方式,支持通过npm安装(需依赖小程序基础库2.2.1以上版本且依赖开发者工具的npm构建),也可通过下载代码使用,还能选择需要的模块进行量身定制。
安装方式
1. 通过npm安装
#Using npm
npmi wux – weapp – S — production
#Using yarn
yarn add wux – weapp — production
2. 通过下载代码
通过GitHub下载WuxWeapp的代码,然后将packages/lib/目录拷贝到自己的项目中(packages/lib/ – 压缩版(ES5),packages/es/ – 未压缩版(ES6,使用时需要开启ES6转ES5,位于开发者工具右上角 – 详情 – 本地配置)),示例:
git clone https://github.com/wux – weapp/wux – weapp.git
cd wux – weapp
3. 选择需要的模块,量身定制
参考量身定制部分内容。
使用方式
以Button为例,先在page.json中引入组件”usingComponents”:{“wux – button”:”../../dist/button/index”},然后在page.wxml中使用组件,如:
<wux – button size = “small”>Button</wux – button>
<wux – button size = “default”>Button</wux – button>
<wux – button size = “large”>Button</wux – button>
组件库文件体积过大的解决方案
如果直接引入整个组件库不合适时,可以使用量身定制功能自动抽离组件(官方推荐),也可手动抽离组件(直接拷贝packages/目录下对应的组件,但某些组件存在依赖关系时,抽离过程会相对复杂些)。
项目总结
wux – weapp为微信小程序开发提供了方便的UI组件库,有多种安装和使用方式以及解决文件体积过大的方法。希望大家在使用过程中有任何想法都可以在下方留言参与讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的wux-weapp:微信小程序UI组件库都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航
GitHub上的cytle/wechat_web_devtools项目是针对Linux环境下微信开发者工具的支持项目。它能让微信开发者工具在Linux桌面环境运行,其原理是基于微信开发者工具本质为nw.js程序进行移植,对于部分功能利用wine运行。项目详细介绍了从下载、初始化到各种启动方式(开发调试网页、开发预览小程序、命令行和HTTP调用等)以及在Docker中的应用。同时也列出了使用过程中可能遇到的错误如nw.js下载失败、编译错误等的解决办法,还提及了Ubuntu环境下编辑器字体问题的解决方案。这对于想在Linux下进行微信小程序等开发工作的开发者来说是个很实用的项目。