[文章內容簡介]：微信頁面的相關制作

 

開發者可以按照如下步驟來完成：

1、進入微信公眾平臺開發：

2、下載開發相關的包和內容

3、組合使用相關

概述

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁開發量身設計，可以令用戶的使用感知更加統一。在微信網頁開發中使用 WeUI，有如下優勢： 

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

2、便捷獲取快速使用，降低開發和設計成本 

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

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

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

 

使用方法

安裝

方法一：使用bower進行安裝 

bower install --save weui

方法二：使用npm進行安裝 

npm install --save weui

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

第一步：進入微信公眾平臺開發

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

    2）、根據提示轉入相關網頁下載需要的包和格式代碼。

第二步：組合使用

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