起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)
微信WeUI設(shè)計(jì)規(guī)范文件下載及使用方法
WeUI是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開發(fā)量身設(shè)計(jì)，可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
預(yù)覽及說明
預(yù)覽地址：http://weui.github.io/weui/
詳細(xì)說明：從微信WeUI設(shè)計(jì)規(guī)范，解讀移動(dòng)界面設(shè)計(jì)
視覺標(biāo)準(zhǔn)
下載及使用
1、微信關(guān)注“起點(diǎn)學(xué)院”服務(wù)號(hào)（掃描二維碼立即關(guān)注）；
2、回復(fù)關(guān)鍵詞“微信設(shè)計(jì)規(guī)范”至【起點(diǎn)學(xué)院】服務(wù)號(hào)后臺(tái)即可獲取下載地址。
下載后，只需要在頁面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一即可。 例如:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1,user-scalable=0″>
<title>WeUI</title>
<link rel=”stylesheet” href=”path/to/weui/dist/style/weui.min.css”/>
</head>
<body>
</body>
</html>
開發(fā)
git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
npm start
運(yùn)行npm start命令，會(huì)監(jiān)聽src目錄下所有文件的變更，并且默認(rèn)會(huì)在8080端口啟動(dòng)服務(wù)器，然后在瀏覽器打開http://localhost:8080/example。
第三方擴(kuò)展
- lihongxun945/jquery-weui
- kevyu/weui-sass
- Eric-Guo/weui-rails(Using kevyu/weui-sass)
- n7best/react-weui
- aidenzou/vue-weui
- adcentury/vue-weui
- ZTfer/weui-sketch
- i5ting/weui-practice
- airyland/vux
文檔
WeUI 說明文檔參考 Wiki
License
The MIT License(http://opensource.org/licenses/MIT) 請(qǐng)自由地享受和參與開源
原文地址：https://github.com/weui/weui
加了微信也回的微云的地址已經(jīng)過期無法下載?？刹豢梢园l(fā)下郵箱呢: ios@txidea.com
下載不了。