JSFiddle - React, Tailwind, and code Playground

by wen yongheng

HTML

<link rel="stylesheet" href="https://oggpmngp5.qnssl.com/mui/v3.4.0/mui.min.css">
<script src="https://oggpmngp5.qnssl.com/mui/v3.4.0/mui.min.js"></script>
<header class="mui-bar mui-bar-nav">
  <h1 class="mui-title">
  顶部选项卡-div模式
  </h1>
</header>
<div class="mui-content">
   <div class="mui-content-padded">
     <div class="mui-segmented-control">
       <a class="mui-control-item mui-active" href="#item1">待办</a>  
       <a class="mui-control-item" href="#item2">已办</a>
       <a class="mui-control-item" href="#item3">完成</a>
     </div>
   </div>
   <div id="item1" class="mui-control-content mui-active">
     <p>
     badfl代办
     </p>
   </div>
   <div id="item2" class="mui-control-content">
     <p>
     badfl已办
     </p>
   </div>
   <div id="item3" class="mui-control-content">
     <p>
     badfl完成
     </p>
   </div>
</div>