微信頁面的相關制作
文章出處:http://www.xujuanpiju.com 作者:興邦開發部 人氣: 發表時間:2016年10月21日
[文章內容簡介]:微信頁面的相關制作
開發者可以按照如下步驟來完成:
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樣式,設計自己需要的樣式與格式,或幾個結合使用使其可以符合工作需求內容。
本文關鍵詞:移動支付,互聯網,刷卡支付
上一篇:移動端 觸摸事件簡介[ 10-21 ]
下一篇:IIS簡介[ 10-22 ]