fix: tab devtool and dot in mobile

Zhaocl1997 · Nov 22, 2021 · 748005a · 748005a
1 parent 74fddc1
commit 748005a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/layout/default/TheTab/src/components/tabsContentMain.vue b/src/layout/default/TheTab/src/components/tabsContentMain.vue
@@ -81,7 +81,7 @@
 
   const { t } = useAppI18n()
   const { currentRoute } = useAppRouter()
-  const { app, appMemo, tab, settings } = useAppState()
+  const { appMemo, tab, settings } = useAppState()
   const tabSettings = settings.value.ForDevelopers.tab
 
   const {
@@ -116,15 +116,20 @@
     onOpenDevTool(e, item, index, ctxMenuShow.value)
 
     // start bounce
-    if (item.name === currentRoute.value.name) startBounce()
+    if (!appMemo.value.isMobile && item.name === currentRoute.value.name)
+      startBounce()
   }
 
   const onMouseLeave = (index: number) => {
     // clear the setTimeout for devTool when mouse leave
     clearTimeout(timeoutId.value!)
 
     // stop bounce
-    if (currentMouseTab.value?.name === currentRoute.value.name) stopBounce()
+    if (
+      !appMemo.value.isMobile &&
+      currentMouseTab.value?.name === currentRoute.value.name
+    )
+      stopBounce()
   }
 
   const onMouseUp = (e: MouseEvent, name: string) => {

diff --git a/src/layout/default/TheTab/src/index.vue b/src/layout/default/TheTab/src/index.vue
@@ -38,10 +38,12 @@
   import { setTabsContext } from './hooks/useTabsContext'
   import { isDev } from '/@/utils/constant/vue'
 
-  const { settings } = useAppState()
+  const { appMemo, settings } = useAppState()
   const tabSettings = settings.value.ForDevelopers.tab
 
-  const getShowDevTools = computed(() => isDev() && tabSettings.devtool)
+  const getShowDevTools = computed(
+    () => isDev() && !appMemo.value.isMobile && tabSettings.devtool
+  )
 
   const { scrollRef, getCurrentRouteTabIndex } = useTabs()