LayUI

参考：

LayUI官网

 

ASP.NET Core使用LayUI

下载和存放位置

在官网首页下载解压后，把layui文件夹拷贝到项目的wwwroot\lib文件夹下

在项目中引入文件

在_Layout.cshtml文件的<head>标签中引入CSS文件，</body>前引入JS文件（如果在head中引入js文件会无效）

备注：模块开发引入layui.js，团队或非模块开发引入layui.all.js；

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

 

样式

参考：CSS内置公共基础类

说明

lay的样式浸入式小，在引入样式和js文件后，只要在标签的class中引入layui的样式后，在生成页面时，layui会根据对应的样式自动处理生成对应的HTML元素。

例如：在表单内引用表单的样式后，<input type="radio" name="sex" value="男" title="男" > 会自动生成下面代码

 

 

常用样式

  • layui-inline 或 -inline：用于将标签设为内联块状元素，只占所需宽度，不换行。如果不设置，大部分标签会占用整行宽度
  • -block：在样式后增加，把标签内设置为块
  • layui-form：表单Form，参考：表单示例
    • layui-form-label：
  • layui-input：输入标签

 

posted @ 2021-02-14 19:50  日积月累码农  阅读(226)  评论(0)  编辑  收藏  举报