前端框架Layui学习⼆:⾯板、布局、徽章、时间线、颜⾊选择器Layui
layui(谐⾳:类UI) 是⼀款采⽤⾃⾝模块规范编写的前端 UI 框架,遵循原⽣ HTML/CSS/JS 的书写与组织形式,拿来即⽤。⼀、⾯板
1.卡⽚⾯板
卡⽚式⾯板:⾯板通常⽤于⾮⽩⾊背景⾊的主体内
从⽽映衬出边框投影。结合 layui 的栅格系统轻松实现响应式布局。
相关样式:
layui-row 代表⼀⾏
layui-col-space15 space0-space30代表卡⽚之间的间距
layui-col-md6 代表⼀列 md1-md12 代表当前卡⽚占整⾏的x/12
layui-card 代表⼀个卡⽚
layui-card-header 代表卡⽚头信息
前端ui框架是什么意思layui-card-body 代表卡⽚内容样式
<body>
<fieldset class=
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论