From ec065c84d7ee0b7e05efe9b991b528f6a5feb5a0 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 06 三月 2024 18:10:43 +0800
Subject: [PATCH] 修改
---
src/components/rightNavigation/NavigationBar2.vue | 30 +++++++++++++++++-------------
1 files changed, 17 insertions(+), 13 deletions(-)
diff --git a/src/components/rightNavigation/NavigationBar2.vue b/src/components/rightNavigation/NavigationBar2.vue
index b1b4b64..d9f3beb 100644
--- a/src/components/rightNavigation/NavigationBar2.vue
+++ b/src/components/rightNavigation/NavigationBar2.vue
@@ -1,9 +1,10 @@
<template>
<div class="navigationBar" v-if="state.show">
- <div class="menuBtn" @click="handleMenuListShow">
+ <!-- <div class="menuBtn" @click="handleMenuListShow">
<img src="@/assets/img/navigation/menuicon.png" />
- </div>
- <div class="menuList" v-show="showMenuList.show">
+ </div> -->
+ <!-- <div class="menuList" v-show="showMenuList.show"> -->
+ <div class="menuList" v-show="true">
<ul>
<li
v-for="(value, key) in menuList"
@@ -16,7 +17,7 @@
:src="showState[value.attr].show ? value.imgActive : value.img"
:class="showState[value.attr].show ? 'Active' : 'noActive'"
/>
- <span>{{ value.name }}</span>
+ <!-- <span>{{ value.name }}</span> -->
</div>
</li>
</ul>
@@ -30,7 +31,7 @@
name: "NavigationBar",
data() {
return {
- state:store.navigator,
+ state: store.navigator,
showMenuList: store.MenuList,
resetShowState: store.resetLink,
favoriteShowState: store.favorite,
@@ -221,22 +222,25 @@
}
.menuList {
- padding: 0px 2px;
+ /* background-color: red; */
+ /* padding: 0px 2px;
position: absolute;
margin-top: 0.1rem;
right: 0;
background-color: white;
- border-radius: 10px;
+ border-radius: 10px; */
}
.menuItem {
- width: 32px;
+ width: 51px;
+ /* width: 32px;
color: black;
margin-top: 10px;
margin-bottom: 7px;
border-bottom: 1px solid #e8e8e9;
+ background-color: #bfa;
text-align: center;
- cursor: pointer;
+ cursor: pointer; */
}
li:last-child .menuItem {
@@ -244,13 +248,13 @@
}
.menuItem img {
- width: 24px;
- text-align: center;
+ width: 100%;
+ /* text-align: center; */
}
-.menuItem span {
+/* .menuItem span {
display: block;
text-align: center;
margin-top: 2px;
-}
+} */
</style>
--
Gitblit v1.9.3