微信小顺序 UI 组件库

Github地点

https://github.com/phonycode/wuss-weapp

文档

https://phonycode.github.io/wuss-weapp

扫码体验

运用微信扫一扫体验小顺序组件示例,迎接Star

演示图片

疾速上手

在开始运用 Wuss Weapp 之前，你须要先浏览 微信小顺序自定义组件 的相干文档。

怎样运用

要领一 [引荐] (经由过程npm装置依靠并在小顺序构建npm模块)

1. 经由过程运用shell敕令或git定位到当前小顺序开辟目次，然后运用npm或许yarn装置依靠。

npm init && npm install --production wuss-weapp

或许

yarn init && yarn add --production wuss-weapp

1. 当依靠装置完成后即可在微信小顺序开辟者东西里点击 [东西] => [构建npm]，此时若涌现弹窗则记得吧 “运用npm模块” 勾上，若无弹窗则待构建完成后在概况内里手动勾上 “运用npm模块”。
2. 构建完成后即可增加须要的组件。在页面的 json 中设置：

"usingComponents": {
  "w-button": "wuss-weapp/w-button/index",
  "w-toast": "wuss-weapp/w-toast/index",
  "w-alert": "wuss-weapp/w-alert/index"
}

1. 在 wxml 中运用组件：

<w-button type="info" bind:onClick="buttonClick">这是一个按钮</w-button>
<w-toast id="wuss-toast" />
<w-alert id="wuss-alert" />

1. 在JavaScript中运用:

import { Alert, Toast } from 'wuss-weapp';

Alert({
  title: '提醒',
  content: 'wuss weapp is good',
});

Toast.show({
  message: 'wuss小顺序UI库',
});

要领二(经由过程clone当前项目的dist拷贝到本身项目中运用)

1. 到 GitHub 下载 Wuss Weapp 的代码，将 dist 目次拷贝到本身的项目中。然后依据以下的体式格局运用组件，以 Button 为例，别的组件在对应的文档页检察：
2. 增加须要的组件。在页面的 json 中设置（途径依据本身项目位置设置）：

"usingComponents": {
  "w-button": "/dist/w-button/index"
}

1. 在 wxml 中运用组件：

<w-button type="info" bind:onClick="buttonClick">这是一个按钮</w-button>

预览一切组件

我们内置了一切组件的示例，您能够扫描上方的的小顺序码体验，或按以下体式格局在微信开辟者东西中检察：

git clone https://github.com/phonycode/wuss-weapp.git

然后，直接将项目在微信开辟者东西中翻开即可。

Wuss Weapp 官方交换群

QQ 群号 787275772

孝敬

有任何看法或发起都迎接提 issue，提 issue 之前请先浏览是不是已有相干 issue 或许假如有相干然则已封闭 issue 只是还未更新的版本，请不要在此 issue 下方复兴，假如更新版本后依旧存在 请提新出的 issue，谢谢

LICENSE

MIT