600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 前端开发【WEUI框架】移动端H5页面开发

前端开发【WEUI框架】移动端H5页面开发

时间:2019-02-13 11:43:21

相关推荐

前端开发【WEUI框架】移动端H5页面开发

目录

一、WEUI框架说明二、引进步骤1、源码下载2、CSS文件引入3、示例代码引入

一、WEUI框架说明

WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。

UI演示:https://weui.io/

二、引进步骤

1、源码下载

源码所在的GitHub链接: WEUI;

源码地址:/Tencent/weui

2、CSS文件引入

css文档:下载路径.

将CSS文档下载后的源文件放置到项目对应的目录下。

在对应要使用的HTML代码中引入:

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>火车票搜索结果页</title><!-- 引入 WeUI --><link rel="stylesheet" href="../css/weui.min.css"></head>

3、示例代码引入

WEUI代码开源,可以根据官网演示的控件针对源码进行复用,直接复制对应的HTML代码到本地项目文件即可。

官网UI演示地址:https://weui.io/

开源代码地址:/Tencent/weui/blob/master/src/example/button/button.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。