枫桥夜泊
每走一步,都是进步
首页
分类
标签
归档
关于
搜索
0%
Layui快速入门
发表于
2024-05-03
更新于
2024-05-19
分类于
Layui
阅读次数：
本文字数：
6.9k
阅读时长 ≈
6 分钟
123456作者: 夜泊1990企鹅: 1611756908鹅群: 948233848邮箱: hd1611756908@163.com博客: https://hd1611756908.github.io/B 站: https://space.bilibili.com/514155929/
第一章 Layui是什么123Layui 是一套免费的开源 Web UI 组件库,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用学习框架的意义: 写更少的代码,实现相同的功能.
第二章 Layui环境搭建第1节 官网地址123https://layui.dev/当前版本 2.9.x 版本,相比于2.8.x和2.7.x新增了很多实用功能,下面会介绍.
第2节 环境搭建12345678910111213方式一 : 在线第三方 CDN 引入,UNPKG 和 CDNJS 均为第三方免费 CDN (详细请看官网) 方式二 : 离线引入 离线引入方式需要去官网下载layui安装包,将css文件和js文件复制粘贴到项目中,然后在引入 下载地址: https://foruda.gitee.com/attach_file/1709083131303683727/layui-v2.9.7.zip?token=4d86625f99f8aa72a6131358c786aeb4&ts=1709353417&attname=layui-v2.9.7.zip方式三 : npm 引入(略)
123456789101112131415161718
第三章 Layui知识点大纲
大纲中只列举了常用的Layui前端知识点,其它的请查看官网.
第四章 Layui页面元素第1节 布局元素1.1 栅格布局1https://layui.dev/docs/2/layout/grid.html
案例展示
传统布局(略)
1使用传统布局实现案例样式代码量会比较多
Layui布局
1234567891011121314151617181920212223242526