[文章內(nèi)容簡介]：微信頁面的相關(guān)制作

 

開發(fā)者可以按照如下步驟來完成：

1,、進(jìn)入微信公眾平臺(tái)開發(fā)：

2,、下載開發(fā)相關(guān)的包和內(nèi)容

3、組合使用相關(guān)

概述

WeUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫,，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁開發(fā)量身設(shè)計(jì),，可以令用戶的使用感知更加統(tǒng)一。在微信網(wǎng)頁開發(fā)中使用 WeUI,，有如下優(yōu)勢： 

1,、同微信客戶端一致的視覺效果，令所有微信用戶都能更容易地使用你的網(wǎng)站 

2,、便捷獲取快速使用，降低開發(fā)和設(shè)計(jì)成本 

3,、微信設(shè)計(jì)團(tuán)隊(duì)精心打造,，清晰明確，簡潔大方 

該樣式庫目前包含 button,、cell,、dialog、progress,、toast,、article、icon 等各式元素,，已經(jīng)在 GitHub 上開源,。微信掃碼即可預(yù)覽,。 

     使用WeUI可以使我們更好的擁有統(tǒng)一的樣式，簡潔明了,。

 

使用方法

安裝

方法一：使用bower進(jìn)行安裝 

bower install --save weui

方法二：使用npm進(jìn)行安裝 

npm install --save weui

任選一種方法安裝后,，只需要在頁面中引入 dist/style/weui.css 或者 dist/style/weui.min.css 其中之一即可。

第一步：進(jìn)入微信公眾平臺(tái)開發(fā)

1）,、登錄微信公眾平臺(tái)官網(wǎng)后,，在公眾平臺(tái)管理頁面 - 開發(fā)者中心頁，在頁面左側(cè)列,，點(diǎn)擊其中的“微信網(wǎng)頁開發(fā)”選項(xiàng),，選擇其中的微信網(wǎng)頁開發(fā)樣式庫。觀看其中的樣式,，選擇自己需要的一類,，或者組合使用。

    2）,、根據(jù)提示轉(zhuǎn)入相關(guān)網(wǎng)頁下載需要的包和格式代碼,。

第二步：組合使用

    根據(jù)自己的需要，在原基礎(chǔ)上添加CSS樣式,，設(shè)計(jì)自己需要的樣式與格式,，或幾個(gè)結(jié)合使用使其可以符合工作需求內(nèi)容。