layui基础1------layui基本介绍

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yuming226/article/details/85051832

学习文档:https://www.layui.com/doc/
两个文件的引入:

<link rel="stylesheet" href="../layui/css/layui.css">
<script src="../layui/layui.js"></script>

layui目录结构如下:
在这里插入图片描述

HelloWorld
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
 
<!-- 你的HTML代码 -->
 
<script src="../layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
  layer.msg('Hello World');
});
</script> 
</body>
</html>

页面展示如下:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/yuming226/article/details/85051832