win10搭建layui的方法

最新推荐文章于 2024-10-28 12:22:34 发布

xiao_cai_istan

最新推荐文章于 2024-10-28 12:22:34 发布

阅读量827

点赞数

分类专栏： xiaocai的layui之旅文章标签： javascript css 前端框架 html

本文链接：https://blog.csdn.net/cailjboy/article/details/124068492

版权

xiaocai的layui之旅专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.首先到官网上下载layui框架：https://layui.org.cn/index.html
2.在电脑中新建一个文件夹存放layui文件
3.下载后的layui结构目录如下：

  ├─css //css目录
  │  │─modules //模块 css 目录（一般如果模块相对较大，我们会单独提取，如下：）
  │  │  ├─laydate
  │  │  └─layer
  │  └─layui.css //核心样式文件
  ├─font  //字体图标目录
  └─layui.js //核心库

4.打开代码编辑器，将你存放的layui文件全部导入
在这里插入图片描述
5. 在编辑器中写入一点简单的代码

<!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 代码 -->
 
<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>