LayUI

参考:

LayUI官网

ASP.NET Core使用LayUI

下载和存放位置

在官网首页下载解压后,把layui文件夹拷贝到项目的wwwrootlib文件夹下

在项目中引入文件

在_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:输入标签
如有错误,欢迎您指出。
本文版权归作者和博客园共有,欢迎转载,但必须在文章页面给出原文链接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/qingyunye/p/14402510.html