mirror of
https://github.com/jumpserver/lina.git
synced 2026-01-15 14:24:39 +00:00
perf: 优化抽屉按钮效果
This commit is contained in:
@@ -1,9 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="top">
|
||||
<el-tooltip effect="dark" placement="left" :content="$tc('common.CollapseSidebar')">
|
||||
<svg-icon icon-class="collapse" @click="onClose" />
|
||||
</el-tooltip>
|
||||
<svg-icon icon-class="collapse" @click="onClose" />
|
||||
</div>
|
||||
<el-tabs v-model="active" :tab-position="'right'" @tab-click="handleClick">
|
||||
<el-tab-pane v-for="(item) in submenu" :key="item.name" :name="item.name">
|
||||
|
||||
@@ -189,12 +189,12 @@ export default {
|
||||
pointer-events: auto;
|
||||
color: #fff;
|
||||
background-color: #FFFFFF;
|
||||
// transition: width, .2s ease .2s;
|
||||
box-shadow: 0 0 8px 4px #00000014;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
// left: -52px !important;
|
||||
// width: 52px !important;
|
||||
left: -52px !important;
|
||||
width: 52px !important;
|
||||
transform: scale(1.1);
|
||||
background-color: rgba(182, 181, 186, .9);
|
||||
img {
|
||||
filter: grayscale(1);
|
||||
|
||||
Reference in New Issue
Block a user