組件樣式 · EasyWeb開發文檔3

# 組件樣式 ## 5.2.組件樣式 | 類名（class） | 說明 | | --- | --- | | icon-btn | 帶圖標的按鈕，會縮小邊距 | | icon-date | 在元素的右邊加入日期的圖標 | | icon-search | 在元素的右邊加入搜索的圖標 | | btn-circle | 圓形按鈕，參見便簽界面 | | arrow2 | 設置側邊欄小三角為箭頭圖標，加在layui-nav上 | | arrow3 | 設置側邊欄小三角為加減號圖標，加在layui-nav上 | | close-footer | 關閉頁腳，加在body上 | | hide-body-title | 全局隱藏單標簽模式標題欄，加在body上 | | table-tool-mini | 數據表格工具欄mini樣式，加在table父元素上 | | full-table | 針對full-xxx的table的工具欄mini樣式 | | mini-bar | 如果有滾動條，使用細的風格 | | layui-form-select-top | 控制下拉框上彈出，加載select父元素上 | | ew-tb-cell-ck | 數據表格里面checkbox | | ew-field-group | easyweb的字段集輔助類 | ~~~  <button class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>  <input class="layui-input icon-date" type="text"/>  <input class="layui-input icon-search" type="text"/>  <div class="btn-circle"> <i class="layui-icon layui-icon-add-1"></i> </div>  <div class="layui-form-select-top"> <select>....</select> </div>  <body class="layui-layout-body close-footer">  <div class="table-tool-mini full-table"> <table id="xxTable" lay-filter="xxTable"></table> </div>  <div class="ew-field-group"> <fieldset class="layui-elem-field"> <legend>我是標題</legend> </fieldset> <div class="ew-field-box"> <table id="demoFieldTb" lay-filter="demoFieldTb"></table> </div> </div> ~~~ ![](https://s2.ax1x.com/2019/08/28/mTfj0K.png) ![](https://s2.ax1x.com/2019/07/06/ZwTtMD.jpg) ![](https://s2.ax1x.com/2019/07/11/Z2UdEV.png)