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

 

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

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

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

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

概述

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

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

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

3、微信設計團隊精心打造，清晰明確，簡(jiǎn)潔大方 

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

     使用WeUI可以使我們更好的擁有統一的樣式，簡(jiǎn)潔明了。

 

使用方法

安裝

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

bower install --save weui

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

npm install --save weui

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

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

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

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

第二步：組合使用

    根據自己的需要，在原基礎上添加CSS樣式，設計自己需要的樣式與格式，或幾個(gè)結合使用使其可以符合工作需求內容。