tab切换栏

2024年1月20日 162次阅读 来源: 学问思辨行

根据==href==来绑定对应的==id==面板，进入此页面时候已经都在后台读取好数据的了，只要点击切换就能看到对应的数据

<nav class="tab-header" id="test">
  <a href="#tab1" class="header-item">Tab1</a>
  <a href="#tab2" class="header-item">Tab2</a>
  <a href="#tab3" class="header-item">Tab3</a>
</nav>
<ul class="tab-content">
  <li class="content-item" id="tab1">content1</li>
  <li class="content-item" id="tab2">content2</li>
  <li class="content-item" id="tab3">content3</li>
</ul>
    原文作者：学问思辨行
    原文地址: https://segmentfault.com/a/1190000018460665
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞