前端开发【WEUI框架】移动端H5页面开发
生活随笔
收集整理的這篇文章主要介紹了
前端开发【WEUI框架】移动端H5页面开发
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
- 一、WEUI框架說明
- 二、引進步驟
- 1、源碼下載
- 2、CSS文件引入
- 3、示例代碼引入
一、WEUI框架說明
WEUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計。
UI演示：https://weui.io/
二、引進步驟
1、源碼下載
源碼所在的GitHub鏈接: WEUI；
源碼地址：https://github.com/Tencent/weui
2、CSS文件引入
css文檔：下載路徑.
將CSS文檔下載后的源文件放置到項目對應的目錄下。
在對應要使用的HTML代碼中引入：
3、示例代碼引入
WEUI代碼開源，可以根據官網演示的控件針對源碼進行復用，直接復制對應的HTML代碼到本地項目文件即可。
官網UI演示地址：https://weui.io/
開源代碼地址：https://github.com/Tencent/weui/blob/master/src/example/button/button.html
總結
以上是生活随笔為你收集整理的前端开发【WEUI框架】移动端H5页面开发的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： React开发（167）:...数组拼接
- 下一篇： java 抽象类与接口理解