[新增] tab 组件 type 属性

docs/docs/zh-CN/components/tab.md

@@ -1,7 +1,47 @@
 ::: demo
 
 <template>
-  <lay-tab><div style="padding: 30px;">面板</div></lay-tab>
+  <lay-tab></lay-tab>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: demo
+
+<template>
+  <lay-tab type="brief"></lay-tab>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: demo
+
+<template>
+  <lay-tab type="card"></lay-tab>
 </template>
 
 <script>

src/module/tab/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layui-tab">
+  <div class="layui-tab" :class="[type?'layui-tab-' + type:'']">
     <ul class="layui-tab-title">
       <li class="layui-this">网站设置</li>
       <li>用户管理</li>
@@ -18,4 +18,10 @@
 </template>
 
 <script setup name="LayTab" lang="ts">
+import { defineProps, withDefaults } from 'vue'
+
+const props =
+  defineProps<{
+    type?: string
+  }>()
 </script>