微信小程序UI组件库Github地址https://github.com/phonycode/wuss-weappdocumenthttps://phonycode.github.io/wuss-weapp扫码体验使用微信扫一扫体验小程序组件示例,欢迎StarDemo图片快速上手使用WussWeapp前,您需要阅读微信小程序自定义组件的相关文档。如何使用方法一【推荐】(通过npm安装依赖,在小程序中构建npm模块)使用shell命令或git导航到当前小程序开发目录,然后使用npm或yarn安装依赖。npminit&&npminstall--productionwuss-weapp或yarninit&&yarnadd--productionwuss-weapp安装依赖时,可以在微信小程序开发者工具中点击【工具】=>【构建npm】,这个如果时不时出现弹窗,记得勾选“使用npm模块”。如果没有弹窗,构建完成后在详细信息中手动勾选“Usenpmmodule”。构建完成后,可以添加所需的组件。在页面的json中配置:"usingComponents":{"w-button":"wuss-weapp/w-button/index","w-toast":"wuss-weapp/w-toast/index","w-alert":"wuss-weapp/w-alert/index"}在wxml中使用组件:Thisisabutton在JavaScript中使用:import{Alert,Toast}from'wuss-weapp';Alert({title:'Prompt',内容:'wussweapp很好',});Toast.show({message:'wussappletUIlibrary',});方法二(通过clone的方式将当前项目的dist复制到自己的项目中使用)到GitHub下载WussWeapp的代码,将dist目录复制到自己的项目中。然后按照下面的方式使用组件,以Button为例,其他组件可以在对应的文档页面查看:添加需要的组件。在页面的json中配置(路径根据自己项目位置配置):"usingComponents":{"w-button":"/dist/w-button/index"}在wxml中使用组件:Thisisabutton预览所有组件我们已经内置了所有组件的示例,您可以扫描上面的小程序代码体验,或者关注在微信开发者工具中查看如下方法:gitclonehttps://github.com/phonycode/wuss-weapp.git然后,在微信开发者工具中打开项目即可。WussWeapp官方交流群QQ群号787275772投稿有任何意见或建议欢迎提交issue,提交issue前请先阅读是否已经有相关issue或者是否有相关issue已关闭但版本有未更新,请不要在这里发帖在问题下方回复,如果更新版本后仍然存在,请提出新问题,感谢LICENSEMIT