Layui框架的运用

39 阅读1分钟

官网layui.dev/docs/2/inde…

Layui 是一套免费的开源 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用

image.png

layui中包含了布局类型,常用组件:表单,按钮,展示组件,交互内容

例如:按钮,可以直接查看源码并且复制

image.png

image.png

下载引用

1.官网下载

2.git下载

3.npm下载 npm i layui

4.第三方CDN引入

引入layui.css

<link href="//unpkg.com/layui@2.8.18/dist/css/layui.css" rel="stylesheet">

引入layui.js

<script src="//unpkg.com/layui@2.8.18/dist/layui.js"></script>