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

 

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

1、進入微信公眾平臺開發(fā)：

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

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

概述

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

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

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

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

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

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

 

使用方法

安裝

方法一：使用bower進行安裝 

bower install --save weui

方法二：使用npm進行安裝 

npm install --save weui

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

第一步：進入微信公眾平臺開發(fā)

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

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

第二步：組合使用

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