From e0a1e6f02b316d6050ad4de302539355e7e44002 Mon Sep 17 00:00:00 2001
From: chenxi-20 <2465950588@qq.com>
Date: Fri, 27 Dec 2024 17:23:14 -0800
Subject: [PATCH] =?UTF-8?q?docs(loading):=20=E4=BF=AE=E5=A4=8Dloading?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E5=B1=82=E7=BA=A7=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20(#2707)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/sites/src/style.css                   |  2 --
 .../sites/src/views/components/components.vue  | 18 ++----------------
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/examples/sites/src/style.css b/examples/sites/src/style.css
index b294061bc2..049203f14e 100644
--- a/examples/sites/src/style.css
+++ b/examples/sites/src/style.css
@@ -14,9 +14,7 @@ strong {
   --docs-tabs-header-zindex: 100;
   --docs-float-settings-zindex: 999;
   --docs-header-zindex: 200;
-  --docs-header-zindex-highlight: 2002;
   --docs-layout-sider-zindex: 201;
-  --docs-layout-sider-zindex-highlight: 2001;
 }
 
 .tinyui-design-header {
diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index cfc0828ef6..9a58ea5aad 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 一个组件的文档:  描述md + demos + apis -->
-  <header :class="['flex-horizontal', 'docs-header', cmpId === 'loading' && 'docs-header-highlight']">
+  <header class="flex-horizontal docs-header">
     <div class="docs-title-wrap">
       <div class="markdown-body markdown-top-body" size="medium" v-html="cmpTopMd"></div>
       <version-tip
@@ -97,13 +97,7 @@
               </div>
             </div>
           </div>
-          <tiny-tabs
-            v-else
-            v-model="activeTab"
-            ref="demoTabs"
-            :class="['docs-content-tabs', cmpId === 'loading' && 'docs-content-tabs-highlight']"
-            @click="onTabsClick"
-          >
+          <tiny-tabs v-else v-model="activeTab" ref="demoTabs" class="docs-content-tabs" @click="onTabsClick">
             <tiny-tab-item :title="i18nByKey('demos')" name="demos">
               <!-- demos列表 -->
               <template v-if="currJson?.demos?.length">
@@ -775,10 +769,6 @@ export default defineComponent({
   background-color: #fff;
   box-shadow: 12px 0 20px 6px rgba(0, 0, 0, 0.06);
 
-  &.docs-header-highlight {
-    z-index: var(--docs-header-zindex-highlight);
-  }
-
   .docs-title-wrap {
     flex: 1;
     min-width: var(--layout-content-main-min-width);
@@ -829,10 +819,6 @@ export default defineComponent({
     --tv-Tabs-header-font-active-text-color: #2f5bea;
     --tv-Tabs-item-active-border-color: #2f5bea;
 
-    &.docs-content-tabs-highlight :deep(.tiny-tabs__header) {
-      z-index: var(--docs-layout-sider-zindex-highlight);
-    }
-
     flex: 1;
     transition: all ease-in-out 0.3s;
     min-width: var(--layout-content-main-min-width);