fix(friendly): The problem that the active state of the button is released when entering the chat room

This commit is contained in:
NoriDev 2022-09-06 16:36:20 +09:00
parent 8cf6284cd4
commit 7e27d5676b

View file

@ -27,7 +27,7 @@
<button class="button home _button" :class="{ active: mainRouter.currentRoute.value.name === 'index' }" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.replace('/')"><i class="fas fa-home"></i><span v-if="queue > 0" class="indicator-home"><i class="fas fa-circle"></i></span></button>
<button class="button explore _button" :class="{ active: mainRouter.currentRoute.value.name === 'explore' }" @click="mainRouter.currentRoute.value.name === 'explore' ? top() : mainRouter.replace('/explore')"><i class="fas fa-hashtag"/></button>
<button class="button notifications _button" :class="{ active: mainRouter.currentRoute.value.name === 'my-notifications' }" @click="mainRouter.currentRoute.value.name === 'my-notifications' ? top() : mainRouter.replace('/my/notifications')"><i class="fas fa-bell"></i><span v-if="$i?.hasUnreadNotification" class="indicator"><i class="fas fa-circle"></i></span></button>
<button class="button tab _button" :class="{ active: mainRouter.currentRoute.value.name === 'messaging' }" @click="mainRouter.currentRoute.value.name === 'messaging' ? top() : mainRouter.replace('/my/messaging')"><i class="fas fa-comments"></i><span v-if="$i.hasUnreadMessagingMessage" class="indicator"><i class="fas fa-circle"></i></span></button>
<button class="button tab _button" :class="{ active: mainRouter.currentRoute.value.name === 'messaging' || mainRouter.currentRoute.value.name === 'messaging-room' || mainRouter.currentRoute.value.name === 'messaging-room-group' }" @click="mainRouter.currentRoute.value.name === 'messaging' ? top() : mainRouter.replace('/my/messaging')"><i class="fas fa-comments"></i><span v-if="$i.hasUnreadMessagingMessage" class="indicator"><i class="fas fa-circle"></i></span></button>
<button class="button widget _button" @click="widgetsShowing = true"><i class="fas fa-layer-group"></i></button>
<!-- <button class="button post _button" @click="os.post()"><i class="fas fa-pencil-alt"></i></button> -->
</div>