layui框架
扰乱浮尘
这个作者很懒,什么都没留下…
展开
-
layui框架(弹出层和轮播)
一、弹出层模块加载名称:layer;由于layer可以独立使用,也可以通过Layui模块化使用。layer下载地址:http://layer.layui.com/1、作为独立组件使用 layerlayui<!--引入好layer.js后,直接用即可--><script src="layer.js"></script><script>l...原创 2019-12-13 20:21:12 · 871 阅读 · 0 评论 -
layui框架(徽章和选项卡)
一、徽章徽章是一个修饰性的元素,它们本身细小而并不显眼,但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬,而显得十分和谐。先来看效果图:1、小圆点徽章介绍:小圆点,通过 layui-badge-dot 来定义,里面不能加文字;小圆点实现代码: <blockquote class="layui-elem-quote layui-quote-nm"> 小圆点:...原创 2019-12-12 20:38:56 · 1690 阅读 · 0 评论 -
layui框架(时间线、进度条和卡片面板)
一、时间线class属性:layui-timelinea、图标可以任意定义(但并不推荐更改)<i class="layui-icon layui-timeline-axis"></i>b、标题区域并不意味着一定要加粗<h3 class="layui-timeline-title">2019年12月1日</h3>c、内容区域可自由填充...原创 2019-12-12 12:00:53 · 3546 阅读 · 0 评论 -
layui框架(按钮和导航栏的用法风格)
一、按钮的用法风格1、按钮样式<button class="layui-btn layui-btn-primary">原始按钮</button><button class="layui-btn">默认按钮</button>效果图:其他主题风格:圆角按钮样式,追加:layui-btn-radius<button class="...原创 2019-12-10 21:02:19 · 2800 阅读 · 0 评论 -
layui框架(layui简介和form表单的样式添加)
一、layui简介1、 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆...原创 2019-12-09 21:07:54 · 5944 阅读 · 0 评论