PM20221203225_MobileWeb.git

			@@ -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: 0.42rem;
			/* 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>