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

 

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

1、進(jìn)入微信公眾平臺開發(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)入微信公眾平臺開發(fā)

1）、登錄微信公眾平臺官網(wǎng)后，在公眾平臺管理頁面 - 開發(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ì)自己需要的樣式與格式，或幾個結(jié)合使用使其可以符合工作需求內(nèi)容。