perf: 优化抽屉按钮效果

This commit is contained in:
“huailei000”
2023-12-13 10:53:53 +08:00
committed by huailei
parent b0cefb05e0
commit 68dccaa93c
2 changed files with 4 additions and 6 deletions

View File

@@ -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">

View File

@@ -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);