From e64db6552ad573050e93d50a492fc053cafa3d18 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 24 Jun 2026 11:00:24 +0800
Subject: [PATCH] feat:样式兼容处理
---
applications/drone-command/src/page/index/top/index.vue | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/applications/drone-command/src/page/index/top/index.vue b/applications/drone-command/src/page/index/top/index.vue
index cacc24e..4859868 100644
--- a/applications/drone-command/src/page/index/top/index.vue
+++ b/applications/drone-command/src/page/index/top/index.vue
@@ -8,8 +8,8 @@
<div class="header-right">
<nav class="nav-menu">
- <div v-for="(item, index) in topMenus" :key="index" class="nav-item"
- :class="{ active: item.active }" @click="handleMenuClick(item)">
+ <div v-for="(item, index) in topMenus" :key="index" class="nav-item" :class="{ active: item.active }"
+ @click="handleMenuClick(item)">
<span>{{ item.label }}</span>
</div>
</nav>
@@ -135,7 +135,7 @@
confirmButtonClass: 'command-message-box-confirm',
cancelButtonClass: 'command-message-box-cancel',
}).then(() => {
- logOutFun()
+ logOutFun()
})
},
jumpMH () {
@@ -249,14 +249,22 @@
background: url('@/assets/images/active-menu-item.png') no-repeat center / 136px 34px;
span {
- background: linear-gradient(180deg,
- #fff 22.11%,
- #ffffff 86.69%);
- background-size: contain;
- background-clip: text;
- -webkit-text-fill-color: transparent;
+ /* 降级方案：所有浏览器先显示白色文字 */
+ color: #ffffff;
+
+ /* 发光效果 */
text-shadow: 0px 0px 13px 0px #5da6ef73;
}
+
+ /* 支持渐变文字的浏览器再启用 */
+ @supports (-webkit-background-clip: text) {
+ span {
+ background: linear-gradient(180deg, #fff 22.11%, #ffffff 86.69%);
+ background-size: contain;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ }
}
}
}
--
Gitblit v1.9.3