## 6.7.2.風格選擇 迷你樣式： ```html <!-- 多加一個layui-steps-small即可 --> <div class="layui-tab layui-steps layui-steps-small"> <!-- 省略...... --> </div> ``` 自定義圖標： ```html <div class="layui-tab layui-steps layui-steps-small"> <ul class="layui-tab-title"> <li class="layui-this"> <!-- 這里的圖標可以任意修改 --> <i class="layui-icon layui-icon-username"></i> <span class="layui-steps-title">賬號注冊</span> </li> <li> <i class="layui-icon layui-icon-camera"></i> <span class="layui-steps-title">上傳頭像</span> </li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show">內容1</div> <div class="layui-tab-item">內容2</div> </div> </div> ``` 垂直風格： ```html <!-- 多加一個layui-steps-vertical即可 --> <div class="layui-tab layui-steps layui-steps-vertical"> <!-- 省略...... --> </div> ``` 簡潔風格： ```html <!-- 多加一個layui-steps-simple --> <div class="layui-tab layui-steps layui-steps-simple"> <ul class="layui-tab-title"> <li>1.填寫注冊手機號</li> <li class="layui-this">2.獲取短信驗證碼</li> <li>3.修改登錄密碼</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item">內容1</div> <div class="layui-tab-item layui-show">內容2</div> <div class="layui-tab-item">內容3</div> </div> </div> ``` >[danger] **注意** 簡潔風格只有標題，沒有圖標、描述等