From fe0b9f01750a0b5595c686f9f2a2415a6456dc8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 30 Mar 2022 23:37:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20css=20=E5=AF=B9?=
 =?UTF-8?q?=E7=8E=B0=E6=9C=89=20tab=20dom=20=E7=BB=93=E6=9E=84=E7=9A=84?=
 =?UTF-8?q?=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/tab/index.vue | 53 ++++++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/component/tab/index.vue b/src/component/tab/index.vue
index 4641e9a6..84b6dc3a 100644
--- a/src/component/tab/index.vue
+++ b/src/component/tab/index.vue
@@ -18,7 +18,7 @@ import {
   watch,
 } from "vue";
 
-export type tabPositionType = "top" | "bottom" | "left" | "right" ;
+export type tabPositionType = "top" | "bottom" | "left" | "right";
 
 export interface LayTabProps {
   type?: string;
@@ -46,7 +46,7 @@ const setItemInstanceBySlot = function (nodeList: VNode[]) {
 };
 
 const props = withDefaults(defineProps<LayTabProps>(), {
-  tabPosition: "top"
+  tabPosition: "top",
 });
 
 const emit = defineEmits(["update:modelValue", "change", "close"]);
@@ -98,36 +98,39 @@ provide("slotsChange", slotsChange);
 <template>
   <div
     class="layui-tab"
-    :class="[type ? 'layui-tab-' + type : '',
-     props.tabPosition ? `is-${tabPosition}` : '']"
+    :class="[
+      type ? 'layui-tab-' + type : '',
+      props.tabPosition ? `is-${tabPosition}` : '',
+    ]"
     v-if="active"
   >
     <div v-if="tabPosition === 'bottom'" class="layui-tab-content">
       <slot></slot>
     </div>
 
-    <div :class="[
-      'layui-tab-head',
-      props.tabPosition ? `is-${tabPosition}` : ''
-    ]">
-    <ul :class="[
-      'layui-tab-title',
-      props.tabPosition ? `is-${tabPosition}` : ''
-    ]">
-      <li
-        v-for="(children, index) in childrens"
-        :key="children"
-        :class="[children.props.id === active ? 'layui-this' : '',]"
-        @click.stop="change(children.props.id)"
+    <div
+      :class="['layui-tab-head', props.tabPosition ? `is-${tabPosition}` : '']"
+    >
+      <ul
+        :class="[
+          'layui-tab-title',
+          props.tabPosition ? `is-${tabPosition}` : '',
+        ]"
       >
-        {{ children.props.title }}
-        <i
-          v-if="allowClose && children.props.closable != false"
-          class="layui-icon layui-icon-close layui-unselect layui-tab-close"
-          @click.stop="close(index, children.props.id)"
-        ></i>
-      </li>
-    </ul>
+        <li
+          v-for="(children, index) in childrens"
+          :key="children"
+          :class="[children.props.id === active ? 'layui-this' : '']"
+          @click.stop="change(children.props.id)"
+        >
+          {{ children.props.title }}
+          <i
+            v-if="allowClose && children.props.closable != false"
+            class="layui-icon layui-icon-close layui-unselect layui-tab-close"
+            @click.stop="close(index, children.props.id)"
+          ></i>
+        </li>
+      </ul>
     </div>
 
     <div v-if="tabPosition != 'bottom'" class="layui-tab-content">