作者:awrjftyitik | 来源:互联网 | 2023-06-27 15:04
微信小顺序UI组件库Github地点https:github.comphonycodewuss-weapp文档https:phonycode.github.iowuss-weapp
微信小顺序 UI 组件库
Github地点
https://github.com/phonycode/wuss-weapp
文档
https://phonycode.github.io/wuss-weapp
扫码体验
运用微信扫一扫体验小顺序组件示例,迎接Star
演示图片
疾速上手
在开始运用 Wuss Weapp 之前,你须要先浏览 微信小顺序自定义组件 的相干文档。
怎样运用
要领一 [引荐] (经由过程npm装置依靠并在小顺序构建npm模块)
- 经由过程运用shell敕令或git定位到当前小顺序开辟目次,然后运用npm或许yarn装置依靠。
npm init && npm install --production wuss-weapp
或许
yarn init && yarn add --production wuss-weapp
- 当依靠装置完成后即可在微信小顺序开辟者东西里点击 [东西] => [构建npm],此时若涌现弹窗则记得吧 “运用npm模块” 勾上,若无弹窗则待构建完成后在概况内里手动勾上 “运用npm模块”。
- 构建完成后即可增加须要的组件。在页面的 json 中设置:
"usingComponents": {
"w-button": "wuss-weapp/w-button/index",
"w-toast": "wuss-weapp/w-toast/index",
"w-alert": "wuss-weapp/w-alert/index"
}
- 在 wxml 中运用组件:
这是一个按钮
- 在Javascript中运用:
import { Alert, Toast } from 'wuss-weapp';
Alert({
title: '提醒',
content: 'wuss weapp is good',
});
Toast.show({
message: 'wuss小顺序UI库',
});
要领二(经由过程clone当前项目的dist拷贝到本身项目中运用)
- 到 GitHub 下载 Wuss Weapp 的代码,将
dist
目次拷贝到本身的项目中。然后依据以下的体式格局运用组件,以 Button 为例,别的组件在对应的文档页检察: - 增加须要的组件。在页面的 json 中设置(途径依据本身项目位置设置):
"usingComponents": {
"w-button": "/dist/w-button/index"
}
- 在 wxml 中运用组件:
这是一个按钮
预览一切组件
我们内置了一切组件的示例,您能够扫描上方的的小顺序码体验,或按以下体式格局在微信开辟者东西中检察:
git clone https://github.com/phonycode/wuss-weapp.git
然后,直接将项目在微信开辟者东西中翻开即可。
Wuss Weapp 官方交换群
QQ 群号 787275772
孝敬
有任何看法或发起都迎接提 issue,提 issue 之前请先浏览是不是已有相干 issue 或许假如有相干然则已封闭 issue 只是还未更新的版本,请不要在此 issue 下方复兴,假如更新版本后依旧存在 请提新出的 issue,谢谢
LICENSE
MIT