国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Wuss Weapp 微信小程序 UI 組件庫

Eastboat / 539人閱讀

摘要:或者當依賴安裝完成后即可在微信小程序開發者工具里點擊工具構建,此時若出現彈窗則記得吧使用模塊勾上,若無彈窗則待構建完成后在詳情里面手動勾上使用模塊。

微信小程序 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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108739.html

相關文章

  • Wuss Weapp 信小程序 UI 組件

    摘要:或者當依賴安裝完成后即可在微信小程序開發者工具里點擊工具構建,此時若出現彈窗則記得吧使用模塊勾上,若無彈窗則待構建完成后在詳情里面手動勾上使用模塊。 showImg(https://segmentfault.com/img/bVbjNrF?w=334&h=334); 微信小程序 UI 組件庫 Github地址 https://github.com/phonycode/wuss-weap...

    shiguibiao 評論0 收藏0
  • Wuss Weapp 信小程序 UI 組件

    摘要:或者當依賴安裝完成后即可在微信小程序開發者工具里點擊工具構建,此時若出現彈窗則記得吧使用模塊勾上,若無彈窗則待構建完成后在詳情里面手動勾上使用模塊。 showImg(https://segmentfault.com/img/bVbjNrF?w=334&h=334); 微信小程序 UI 組件庫 Github地址 https://github.com/phonycode/wuss-weap...

    dendoink 評論0 收藏0
  • iView 發布信小程序 UI 組件 iView Weapp

    摘要:但是,我們注意到,微信小程序正在崛起,這將是移動端新的一種開發模式。不過微信對小程序越來越開放,給的入口也越來越多,這讓很多開發者投入到小程序的開發上。地址文檔歡迎和是什么微信小程序提供了自定義組件的功能,這使得成為了可能。 showImg(https://segmentfault.com/img/bVbb9fe?w=2856&h=1444); 末尾有彩蛋。 過去的兩年里,iView ...

    Rindia 評論0 收藏0
  • 信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護的微信小程序開源項目庫集合。我們會定期同步上的項目到這里,也歡迎各位 UI組件開發框架實用庫開發工具服務端項目實例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎樣式庫zanui-weapp ★794 - 好用易擴展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評論0 收藏0
  • 有贊的信小程序組件(ZanUI-WeApp)開源了

    摘要:背景由于有贊與微信密切的合作關系,我們第一時間就拿到了內測賬號。春節前我們把它開源到了上,是希望幫助開發者尤其是有贊生態的開發者能夠更快更低門檻地開發出自己的微信小程序,同時希望和開發者們一起打造高顏值好用易擴展的小程序組件庫。 背景 由于有贊與微信密切的合作關系,我們第一時間就拿到了內測賬號。17年1月9號,我們同時上線了有贊微商城小程序和有贊精選小程序(可以在微信-發現-小程序里搜...

    psychola 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<