🔥 超强自定义！这款Tab组件让你告别重复造轮子！

🌟 为什么开发者都在吹爆「Zys-tab」？

你是否还在为Tab组件的样式绑定和内容同步焦头烂额？
是否厌倦了一堆配置繁琐的UI库？
Zys-tab 来了！

• 极简配置：一行代码开启标签页
• 双向数据驱动：内容与标签无缝联动
• 自由插槽：想怎么定制就怎么定制！

---

🚀 核心亮点速览

1️⃣ 数据驱动，告别硬编码

只需传入 tabsData 和 contentsData，自动生成标签与内容关联！

<zys-tab 
  :tabsData="[{label: '动态', value: 'news'}, ...]"
  :contentsData="contentList"
  @tabChange="handleChange"
/>

2️⃣ 插槽自由，UI任你玩

想用图片图标？想加动画效果？content插槽直接接管！

<template v-slot:content="(item)">
  <div class="custom-content">
    <img :src="item.icon" /> 
    <h3>{{ item.label }}</h3>
  </div>
</template>

3️⃣ 事件监听，交互无死角

切换标签时触发 tabChange，轻松实现数据加载！

const handleChange = (value) => {
  console.log("当前标签ID：", value); // 自由扩展逻辑！
};

---

💡 适用场景

• 动态内容分类展示（如新闻、视频）
• H5端和微信小程序端无缝集成

---

🛠️ 超低学习成本，5分钟上手

1. 导入： 上DCLOUD插件市场一键导入

5. 开箱即用：复制示例代码，替换你的数据！

---

❓ Q & A

Q：支持响应式布局吗？
✅ 当然！组件宽度自适应，h5端和微信小程序端通吃！

🌈 效果预览

📢 立即行动！

点击下方链接获取源码，Star🌟支持走起！
🔗 [下载地址] | 📖 [详细文档]

点赞❤️收藏⭐️关注👉，从此开发不迷路！