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