From 7a3a791b28c5b40ddc4102381fad6b7a0fef8fb2 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Fri, 17 Feb 2023 09:41:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/slideHooks/IndicatorHome.vue | 12 ++++++++++--
 src/pages/slideHooks/index.vue         |  8 +++-----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/pages/slideHooks/IndicatorHome.vue b/src/pages/slideHooks/IndicatorHome.vue
index 3f33631..9d279eb 100644
--- a/src/pages/slideHooks/IndicatorHome.vue
+++ b/src/pages/slideHooks/IndicatorHome.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="indicator-home">
+  <div class="indicator-home" :class="isLight">
     <transition name="fade">
       <div class="mask" v-if="open" @click="open = false"></div>
     </transition>
@@ -66,6 +66,10 @@ export default {
       type: Number,
       default: () => 0
     },
+    isLight: {
+      type: Boolean,
+      default: () => false
+    }
   },
   data() {
     return {
@@ -198,6 +202,11 @@ export default {
   color: white;
   height: @header-height;
   transition: all .3s;
+  font-weight: bold;
+
+  &.isLight {
+    color: black;
+  }
 
   .notice {
     opacity: 0;
@@ -236,7 +245,6 @@ export default {
       .tabs {
         display: flex;
         justify-content: space-between;
-        font-weight: bold;
 
         .tab {
           transition: color .3s;
diff --git a/src/pages/slideHooks/index.vue b/src/pages/slideHooks/index.vue
index 8f16a92..d1ca5b4 100644
--- a/src/pages/slideHooks/index.vue
+++ b/src/pages/slideHooks/index.vue
@@ -3,8 +3,8 @@
     <H v-model:index="state.baseIndex">
       <SlideItem>
         <IndicatorHome
+            :isLight="state.subTypeVisible"
             v-if="!state.fullScreen"
-            v-hide="state.isUp"
             :loading="state.loading"
             name="main"
             v-model:index="state.navIndex"
@@ -247,7 +247,6 @@ const state = reactive({
   isSharing: false,
   canMove: true,
   loading: false,
-  isUp: false,
 
   shareType: -1,
 
@@ -446,7 +445,7 @@ function render(item, itemIndex, play, position) {
         transition: all .3s;
         font-size: 14rem;
         color: gray;
-        background: linear-gradient(to right, rgb(36, 34, 84), rgb(7, 5, 16));
+        background: #f9f9f9;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -457,8 +456,7 @@ function render(item, itemIndex, play, position) {
           padding: 20rem;
           border-radius: 8rem;
           width: 100%;
-          background: red;
-          background: linear-gradient(to right, rgb(53, 51, 110), rgb(29, 21, 66));
+          background: white;
           box-sizing: border-box;
           display: flex;
           align-items: flex-end;