LayUI

1、经典模块化前端UI , 谐音类UI,目录结构;

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

2、下载地址: www.layui.com    下载完成以后将下载好的layui部署到项目,需要将两个文件引入到项目中;

      即 layui.css (layui 核心样式) 与 layui.js (layui 的核心js文件)  如下图:

 因为官方并不推荐使用非模块化方式,所以这里不再深究,直接进行layui 基本入门页面的使用。  如图;

根据demo 就可以看出   layui 内部提供了很多组件(如form, table,layer等等)供开发人员使用,我们只需要在js 中添加上我们需要使用的组件之后就可以使用了,还是比较方便的。

详细请参阅layui官方网址:www.layui.com API

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值