Wuss Weapp 一款高質量，元件齊全，高自定義的微信小程式 UI 元件庫
Wuss Weapp
一款高質量，元件齊全，高自定義的微信小程式 UI 元件庫
文件
https://phonycode.github.io/wuss-weapp
掃碼體驗
使用微信掃一掃體驗小程式元件示例
演示圖片
快速上手
在開始使用 Wuss Weapp 之前，你需要先閱讀 微信小程式自定義元件 的相關文件。
如何使用
方法一 [推薦] (通過npm安裝依賴並在小程式構建npm模組)
- 通過使用shell命令或git定位到當前小程式開發目錄，然後使用npm或者yarn安裝依賴。
npm install --production wuss-weapp
或者
yarn add --production wuss-weapp-
當依賴安裝完成後即可在微信小程式開發者工具裡點選 [工具] => [構建npm]，此時若出現彈窗則記得吧 “使用npm模組” 勾上，若無彈窗則待構建完成後在詳情裡面手動勾上 “使用npm模組”。
-
構建完成後即可新增需要的元件。在頁面的 json 中配置：
"usingComponents": {
"w-button": "wuss-weapp/w-button/index"
}- 在 wxml 中使用元件：
<w-button type="info" bind:click="buttonClick">這是一個按鈕</w-button> - 在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:click="buttonClick">這是一個按鈕</w-button>預覽所有元件
我們內建了所有元件的示例，您可以掃描上方的的小程式碼體驗，或按以下方式在微信開發者工具中檢視：
git clone https://github.com/phonycode/wuss-weapp.git然後，直接將專案在微信開發者工具中開啟即可。
Wuss Weapp 官方交流群
QQ 群號 787275772
貢獻
有任何意見或建議都歡迎提 issue，提 issue 之前請先閱讀是否已經有相關 issue 或者如果有相關但是已經關閉 issue 只是還未更新的版本，請不要在此 issue 下方回覆，如果更新版本後依然存在 請提新出的 issue，感謝
LICENSE
Wuss Weapp
一款高質量，元件齊全，高自定義的微信小程式 UI 元件庫
文件
https://phonycode.github.io/wuss-weapp
掃碼體驗
使用微信掃一掃體驗小程式元件示例
演示圖片
快速上手
在開始使用 Wuss Weapp 之前，你需要先閱讀 微信小程式自定義元件 的相關文件。
如何使用
方法一 [推薦] (通過npm安裝依賴並在小程式構建npm模組)
- 通過使用shell命令或git定位到當前小程式開發目錄，然後使用npm或者yarn安裝依賴。
npm install --production wuss-weapp或者
yarn add --production wuss-weapp-
當依賴安裝完成後即可在微信小程式開發者工具裡點選 [工具] => [構建npm]，此時若出現彈窗則記得吧 “使用npm模組” 勾上，若無彈窗則待構建完成後在詳情裡面手動勾上 “使用npm模組”。
-
構建完成後即可新增需要的元件。在頁面的 json 中配置：
"usingComponents": {
"w-button": "wuss-weapp/w-button/index"
}- 在 wxml 中使用元件：
<w-button type="info" bind:click="buttonClick">這是一個按鈕</w-button>- 在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:click="buttonClick">這是一個按鈕</w-button>預覽所有元件
我們內建了所有元件的示例，您可以掃描上方的的小程式碼體驗，或按以下方式在微信開發者工具中檢視：
git clone https://github.com/phonycode/wuss-weapp.git然後，直接將專案在微信開發者工具中開啟即可。
Wuss Weapp 官方交流群
QQ 群號 787275772
貢獻
有任何意見或建議都歡迎提 issue，提 issue 之前請先閱讀是否已經有相關 issue 或者如果有相關但是已經關閉 issue 只是還未更新的版本，請不要在此 issue 下方回覆，如果更新版本後依然存在 請提新出的 issue，感謝
LICENSE