前端layui框架快速入门

本文介绍了layui前端框架的快速入门,包括从github获取layui-v2.5.6.zip,解压后的目录结构,以及如何在项目中引入layui的基本步骤。layui提供了丰富的组件,方便直接嵌入HTML中使用。
摘要由CSDN通过智能技术生成

layui使用

先下载框架

layui-v2.5.6.zip:框架下载地址
**git下载地址:**https://github.com/sentsin/layui.git

解压后的目录

  ├─css //css目录
  │  │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
  │  │  ├─laydate
  │  │  ├─layer
  │  │  └─layim
  │  └─layui.css //核心样式文件
  ├─font  //字体图标目录
  ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
  │─lay //模块核心目录
  │  └─modules //各模块组件
  │─layui.js //基础核心库
  └─layui.all.js //包含layui.js和所有模块的合并文件

使用

获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:

./layui/css/layui.css
./layui/layui.js //提示:如果是采用非模块化方式(最下面有讲解),此处可换成:./layui/layui.all.js

我的下载解压位置在
E:/git下载/
也就是代码中必须插入文件位置:

<link rel="stylesheet" href="E:/git下载/layui/src/css/layui.css">
<script src="E:/git下载/layui/src/layui.js"></script>

整体代码就是

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值