| | |
| | | |
| | | <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> |
| | |
| | | confirmButtonClass: 'command-message-box-confirm', |
| | | cancelButtonClass: 'command-message-box-cancel', |
| | | }).then(() => { |
| | | logOutFun() |
| | | logOutFun() |
| | | }) |
| | | }, |
| | | jumpMH () { |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |