feat:样式兼容处理

shuishen

5 days ago e64db6552ad573050e93d50a492fc053cafa3d18

feat:样式兼容处理

 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;
              }
            }
          }
        }
      }