q_2540638774的博客

一、弹出层 模块加载名称：layer； 由于layer可以独立使用，也可以通过Layui模块化使用。 layer下载地址：http://layer.layui.com/ 1、作为独立组件使用 layerlayui <!--引入好layer.js后，直接用即可--> <script src="layer.js"></script> <script> l...

一、徽章 徽章是一个修饰性的元素，它们本身细小而并不显眼，但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬，而显得十分和谐。 先来看效果图： 1、小圆点徽章介绍： 小圆点，通过 layui-badge-dot 来定义，里面不能加文字； 小圆点实现代码： <blockquote class="layui-elem-quote layui-quote-nm"> 小圆点： ...

一、时间线 class属性：layui-timeline a、图标可以任意定义（但并不推荐更改） <i class="layui-icon layui-timeline-axis"></i> b、标题区域并不意味着一定要加粗 <h3 class="layui-timeline-title">2019年12月1日</h3> c、内容区域可自由填充...

一、按钮的用法风格 1、按钮样式 <button class="layui-btn layui-btn-primary">原始按钮</button> <button class="layui-btn">默认按钮</button> 效果图： 其他主题风格： 圆角按钮样式，追加：layui-btn-radius <button class="...

一、layui简介 1、 layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆...