From c50c7860530f24eb199b1f1385fee3bc1bd671c0 Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期一, 01 三月 2021 10:41:54 +0800
Subject: [PATCH] 修改专题菜单样式
---
src/components/panel/MenuTopic.vue | 24 +++++++++++++++++++++---
1 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/src/components/panel/MenuSpecial.vue b/src/components/panel/MenuTopic.vue
similarity index 93%
rename from src/components/panel/MenuSpecial.vue
rename to src/components/panel/MenuTopic.vue
index 773fd69..845ef16 100644
--- a/src/components/panel/MenuSpecial.vue
+++ b/src/components/panel/MenuTopic.vue
@@ -30,7 +30,7 @@
<script>
export default {
- name: 'MenuSpecial',
+ name: 'MenuTopic',
data () {
return {
isShow: false,
@@ -144,12 +144,18 @@
font-weight: 400;
font-style: normal;
.menu-special-toggle{
- width: 2rem;height: 2rem;background-size: 100% 100%;padding-right: 1rem;display: inline;
+ width: 2rem;height: 2rem;background-size: 100% 100%;padding-right: 1rem;display: inline; transition: all .6s;
+
}
+ .menu-special-toggle:hover{
+ cursor: pointer;
+ transform: scale(1.2)
+ }
+
.menu-special-context {
display: inline-flex;
- transition: height 1s;
+ transition: all 1s;
li {
//display: inline-flex;
@@ -168,10 +174,12 @@
padding: 0 1rem 0 1rem;
line-height: 2rem;
height: 2rem;
+ transition: all .5s;
}
.menu-special-item :hover {
text-decoration: underline;
cursor: pointer;
+
}
.menu-special-item:active{
color: @color-highlight;
@@ -185,7 +193,14 @@
line-height: 1rem;
box-shadow: none;
border:none;
+
}
+ .menu-special-item:hover{
+ transform: scale(1.1)
+ }
+ .el-checkbox-button__inner:hover{
+
+ }
.el-checkbox-button.is-checked .el-checkbox-button__inner {
color: @color-highlight;
background-color: transparent;
@@ -202,5 +217,8 @@
.el-checkbox-button__inner:hover{
color: @color-highlight;
}
+ .menu-special .menu-special-context .menu-special-item:hover{
+
+ }
}
</style>
--
Gitblit v1.8.0