Lay UI是基于Bootstrap的CSS框架,它提供了豐富的UI組件和常用的CSS樣式。
// 引入Lay UI樣式 <link rel="stylesheet" >
Lay UI的組件包括表單、表格、彈出框、導航欄等等,這些組件都具有良好的樣式和使用體驗。
// Lay UI表單組件 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用戶名</label> <div class="layui-input-block"> <input type="text" name="username" lay-verify="required" placeholder="請輸入用戶名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密碼</label> <div class="layui-input-block"> <input type="password" name="password" lay-verify="required" placeholder="請輸入密碼" autocomplete="off" class="layui-input"> </div> </div> </form>
Lay UI還提供了豐富的CSS樣式,可以讓我們快速地構建出漂亮的頁面。
// Lay UI按鈕樣式 <button class="layui-btn">默認按鈕</button> <button class="layui-btn layui-btn-primary">初 始</button> <button class="layui-btn layui-btn-normal">正 常</button> <button class="layui-btn layui-btn-warm">溫 馨</button> <button class="layui-btn layui-btn-danger">危 險</button>
總之,Lay UI是一個非常不錯的CSS框架,它可以幫助我們快速地構建出漂亮的界面和易用的UI組件。
上一篇layer.css 報錯
下一篇html5網頁技術代碼