Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序UI组件库

快速上手

在开始使用 Wuss Weapp 之前，你需要先阅读微信小程序自定义组件的相关文档。

Github 地址(喜欢的可以点个star~)

Github

Wuss Weapp 文档

wuss-weapp docs

Wuss Weapp 官方交流群

QQ 群号 787275772

预览所有组件

我们内置了所有组件的示例，您可以扫描下方的的小程序码体验

或按以下方式在微信开发者工具中查看：

git clone https://github.com/phonycode/wuss-weapp.git
复制代码

然后，直接将项目在微信开发者工具中打开即可。

如何使用

方法一 [推荐] (通过npm安装依赖并在小程序构建npm模块)

通过使用shell命令或git定位到当前小程序开发目录，然后使用npm或者yarn安装依赖。

npm init && npm install --save wuss-weapp --production
复制代码

或者

yarn init && yarn add --save wuss-weapp --production
复制代码

当依赖安装完成后即可在微信小程序开发者工具里点击 [工具] => [构建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 中使用组件：

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

在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 中使用组件：

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

Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序UI组件库相关推荐

Wuss Weapp一款高质量，组件齐全，高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 https://phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组 ...
Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 https://phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组 ...
Wuss Weapp 微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组件示例演示图片 ...
高颜值微信小程序 UI 组件库！
Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...
当前最热门的微信小程序UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
微信小程序UI组件的推荐以及使用
小编今天写一个微信小程序的界面,之前都是使用原声的编写页面,按照设计图编写.但是这次是编写一个微信小程序的时间选择器,让小编我自由发挥,没有设计稿(复杂的设计稿小编也是写不出来的,比如好看实用的时间选 ...
5个受欢迎的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...
5个微信小程序UI组件库
小程序UI组件库 WeUI WXSS iView WeApp Vant Weapp (原ZanUI WeApp) MinUi Wux WeApp 此文仅为便于自己查找原文链接:https://www ...

Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序UI组件库

快速上手

Github 地址(喜欢的可以点个star~)

Wuss Weapp 文档

Wuss Weapp 官方交流群

预览所有组件

如何使用

方法一 [推荐] (通过npm安装依赖并在小程序构建npm模块)

方法二(通过clone当前项目的dist拷贝到自己项目中使用)

Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序UI组件库相关推荐

最新文章

热门文章