layui 页面结构代码
时间: 2023-09-29 07:07:20 浏览: 52
以下是一个简单的 layui 页面结构代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的页面</title>
<!-- 引入 layui 样式文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
</head>
<body>
<!-- 内容主体区域 -->
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">我的博客</div>
<div class="layui-card-body">
<p>欢迎来到我的博客!</p>
</div>
</div>
</div>
</div>
</div>
<!-- 引入 layui js 文件 -->
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<!-- 初始化 layui -->
<script>
layui.use('element', function(){
var element = layui.element;
});
</script>
</body>
</html>
```
以上代码中包含了一个简单的卡片组件 `layui-card`,使用了栅格布局 `layui-col-md6`,并且引入了 layui 的样式和 js 文件。在页面最下方初始化了 layui,以便使用其功能。