From 2a9c0ab552365a3945bf15ee05e91203f3494427 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Mon, 12 Jan 2026 22:11:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=B1=20=E6=B7=BB=E5=8A=A0outerClose&zIn?=
 =?UTF-8?q?dex=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-overlay.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/app/t-overlay.vue b/src/components/app/t-overlay.vue
index 082c6aed..2d64aeb0 100644
--- a/src/components/app/t-overlay.vue
+++ b/src/components/app/t-overlay.vue
@@ -11,9 +11,20 @@
 <script lang="ts" setup>
 import { ref, watch } from "vue";
 
-type TolProps = { blurVal?: string; outerClose?: boolean };
+type TolProps = {
+  /** 背景 blur */
+  blurVal?: string;
+  /** 点击外部关闭 */
+  outerClose?: boolean;
+  /** zIndex */
+  zIndex?: number;
+};
 
-const props = withDefaults(defineProps<TolProps>(), { blurVal: "20px", outerClose: false });
+const props = withDefaults(defineProps<TolProps>(), {
+  blurVal: "20px",
+  outerClose: false,
+  zIndex: 100,
+});
 
 const model = defineModel<boolean>({ default: false });
 const showTolo = ref<boolean>(false);
@@ -82,7 +93,7 @@ function toClick(): void {
 
 .tolo-box {
   position: fixed;
-  z-index: 100;
+  z-index: v-bind(zIndex); /* stylelint-disable-line value-keyword-case */
   top: 0;
   left: 0;
   display: flex;