<div class="mui-content"><div class="mui-segmented-control mui-segmented-control-inverted"><a href="#a" class="mui-control-item mui-active">選項一</a><a href="#b" class="mui-control-item">選項二</a><a href="#c" class="mui-control-item">選項三</a><a href="#d" class="mui-control-item">選項四</a></div><div id="slider" class="mui-slider"><!-- 顯示下劃線 --><div class="mui-slider-progress-bar mui-col-xs-3"></div><div class="mui-slider-group"><div id="a" class="mui-slider-item mui-control-content mui-active">第一個選項卡內容</div><div id="b" class="mui-slider-item mui-control-content">第二個選項卡內容</div><div id="c" class="mui-slider-item mui-control-content">第三個選項卡內容</div><div id="d" class="mui-slider-item mui-control-content">第四個選項卡內容</div></div></div> </div>

總結

以上是生活随笔為你收集整理的mui 头部tab代码2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。