首页 > 其他分享 >Layui使用

Layui使用

时间:2023-12-30 22:32:50浏览次数:26  
标签:layer form Layui 使用 layui var 官网 下载

layui 兼容人类正在使用的全部浏览器(IE6/7 除外),可作为 Web 界面速成开发方案。

下载引用

官网首页下载

你可以在我们的 官网首页 下载到 layui 的最新版,它经过了自动化构建,更适合用于生产环境。目录结构如下:

  1. layui/
  2. ├─css
  3. │ └─layui.css # 核心样式库
  4. └─layui.js # 核心模块库

Git 下载

你也可以通过 GitHub 或 Gitee 下载 released 版本。或者直接下载整个仓库,以便进行二次开发。也可以 Fork layui 参与项目。

  1. npm 下载
  2. npm i layui

第三方 CDN 方式引入:

  1. <!-- 引入 layui.css -->
  2. <link href="//unpkg.com/[email protected]/dist/css/layui.css" rel="stylesheet">

  3. <!-- 引入 layui.js -->
  4. <script src="//unpkg.com/[email protected]/dist/layui.js">
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <title>开始使用 layui</title>
  11. <link href="./layui/css/layui.css" rel="stylesheet">
  12. </head>
  13. <body>

  14. <!-- 你的 HTML 代码 -->

  15. <script src="./layui/layui.js"></script>
  16. <script>
  17. layui.use(['layer', 'form'], function(){
  18. var layer = layui.layer;
  19. var form = layui.form;

  20. layer.msg('Hello World');
  21. });
  22. </script>
  23. </body>
  24. </html>

标签:layer,form,Layui,使用,layui,var,官网,下载
From: https://blog.51cto.com/u_16308706/9042306

相关文章

  • 在iOS应用中使用实时活动与灵动岛
    在iOS应用中使用实时活动与灵动岛iOS16系统引入了实时活动与灵动岛相关的API。实时活动API能够让用户在桌面直接浏览到应用程序所提供的实时性较高的信息,例如比赛的比分信息,外卖的配送进度信息,票务信息等。在支持灵动岛的设备上,实时活动配合灵动岛,更是能带给用户沉浸式的信息获取......
  • 深入解析Linux中的df命令:轻松掌握磁盘空间使用情况
    当我们使用Linux系统时,经常会遇到需要查看磁盘空间使用情况的情况。df命令是一个非常有用的工具,可以帮助我们了解文件系统的磁盘使用情况。在这篇博客文章中,我们将深入探讨df命令的使用方法以及如何解读其输出。什么是df命令?df是磁盘空间查看命令,用于显示文件系统的磁盘使用情况......
  • Golang 不使用官方基于cgo的sqlite驱动
    参考以下的代码:packagedatabaseimport( "Forensics_Equipment_Plugin_Manager/logger" "Forensics_Equipment_Plugin_Manager/model" "github.com/glebarez/sqlite" "gorm.io/gorm")varSqliteConn*gorm.DBfuncinit(){ I......
  • Excel之VBA的使用
    VBA是Excel中使用的一种语言,对Excel的功能进行了增强。定义一个简单的VBA过程示例如下:SubFun()MsgBox"Fun"EndSub我们可以在Excel通过录制宏,编辑VBA代码,然后查看宏,执行代码。使用示例如下:1.使用Worksheets、Range和Value设置某张工作表某个单元格的值SubSetName(......
  • Ftp基础(五):.NetCore中使用Ftp的建议(FluentFTP)
      上一篇说道C#使用FluentFTP来简单的连接使用Ftp,本篇是个人在.NetCore中使用Ftp的建议(可能有点啰嗦):  1、为Ftp的配置创建基类  在开发过程中,我们如果要使用Ftp,往往需要这几个信息:  Host:Ftp地址Port:端口号User:用户名Password:密码WorkingDirect......
  • 网站使用SSL证书的重要性
    非所有网站都可以安全访问。事实上,某些网站可能包含恶意软件(恶意软件),可能会损害您的计算机或窃取您的个人联系信息或信用卡号。网络钓鱼是另一种常见的基于Web的攻击类型,诈骗者试图诱骗您向他们提供您的个人信息,如果您访问可疑网站,您可能会容易受到此攻击。身份盗用是一个严重的......
  • 关于vue里面使用markdown插入视频前台渲染导致<video>等标签被转义成字符,导致视频加载
    markdown中插入视频前台渲染出来导致<video>等标签被转义成字符解决办法:如图:在markdown里面插入视频,可以按照下面写法,哈哈,虽然很捞,但是还是可以满足的。<videosrc="https://xxxxxxxxxxxxxx.mp4"controls="true"style="max-width:100%;height:auto;"></video> ......
  • rrdtool使用方法
    RRDtool(RoundRobinDatabaseTool)是一种开源的数据库工具,用于存储和绘制时间序列数据。它通常用于监控系统、网络设备和其他资源的性能数据。下面是RRDtool的一些常见用法和基本操作步骤:创建数据库(RRD文件):使用rrdtoolcreate命令创建一个新的RRD数据库。指定数据库的文件名、数......
  • 10使用axi-fdma读写DDR
    软件版本:vitis2021.1(vivado2021.1)操作系统:WIN1064bit硬件平台:适用XILINXA7/K7/Z7/ZU/KU系列FPGA登录"米联客"FPGA社区-www.uisrc.com视频课程、答疑解惑!1概述    在前文的实验中我们详细介绍了FDMA的使用方法,前面一节课演示了FDMA读写AXI-BRAM,本文我们继续使用FDMA......
  • 09使用fdma读写axi-bram
    软件版本:vitis2021.1(vivado2021.1)操作系统:WIN1064bit硬件平台:适用XILINXA7/K7/Z7/ZU/KU系列FPGA登录"米联客"FPGA社区-www.uisrc.com视频课程、答疑解惑!1概述    FDMA是米联客基于AXI4总线协议定制的一个DMA控制器。有了这个IP我们可以统一实现用FPGA代码直接读写PL......