前端LayUI框架快速上手详解(一)
于 2021-08-20 14:50:32 首次发布
2 篇文章
7 订阅
https://blog.csdn.net/Augenstern_QXL/article/details/119748962🔥前端LayUI框架快速上手详解(二) https://blog.csdn.net/Augenstern_QXL/article/details/119749461 - 最新版本v2.6.8
- 官方文档讲解较细致，但同时也较繁琐，本篇旨在记录常用样式的用法与注意点.
- 配套视频讲解地址:B站直达
https://www.layui.com/
点击立即下载即可
下载完成后解压，我们看以下其目录结构，并将其完整的拷贝到我们自己的项目下。
- 使用时我们只需引入下述两个文件即可使用
<!-- LayUI的核心CSS文件 -->
<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>
<!-- LayUI的核心JS文件（采用模块化引入） -->
<script src="layui-v2.5.6/layui/layui.js" type="text/javascript" charset="utf-8"></script>
- 这是一个基本的入门页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>开始使用 layui</title>
<!-- LayUI的核心CSS文件 -->
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<!-- 你的 HTML 代码 -->
<!-- LayUI的核心JS文件 -->
<script src="./layui/layui.js"></script>
<script>
layui.use(['layer', 'form'], function(){
var layer = layui.layer,
form = layui.form;
layer.msg('Hello World');
});
</script>
</body>
</html>
https://www.layui.com/doc/element/icon.html
<i class="layui-icon layui-icon-face-smile"></i>
<i class="layui-icon layui-icon-face-smile"></i>
关注
1346
10
分享
1346
收藏
觉得还不错?
一键收藏
10
评论
分享
Layui之入门
07-11
3511
3511
09-06
1万+
1万+
10-09
5238
5238
07-08
1506
1506
03-16
码龄4年
暂无认证
暂无认证
到【灌水乐园】发言
