WeUI插件使用

概述

WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、toast、article、icon等各式元素。

安裝

方式一:

link 引入weui.css文件

例如，進入了該鏈接頁面：https://weui.io/#input，然後右鍵查看源碼，在源碼中有這樣一行：

<link rel="stylesheet" href="./weui.css"/>
上面的href可直接點擊進入weui.css中，全選複製粘貼即可。（注：嘗試了菜鳥上提供的鏈接，發現不太好用，只有這個好用）

方法二：

使用bower進行安裝

bower install --save weui

方法三：

使用npm進行安裝

npm install --save weui

---

開發

git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
gulp -ws

運行gulp -ws命令，會監聽src目錄下所有文件的變更，並且默認會在8080端口啓動服務器，然後在瀏覽器打開 http://localhost:8080/example。

接下來就是Ctrl+C   Ctrl+V   沒那麼難!

製作一個提交頁面  效果圖如下:

  

直接找到https://weui.io/#input  頁面,右擊查看網頁源代碼,如下圖:

這樣就大功告成了! 在微信公衆號開發和小程序開發方便使用  ^o^   ^o^

總結: 現在做程序吶 壓力沒那麼大

         粘粘複製 能跑就行 能有什麼壓力 

         實在不行 刪庫跑路 也挺省心