github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-09-22 14:19:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: mobile terminal adaptation (#78)

Browse Source
This commit is contained in:
Fine0830
2022-05-09 14:54:08 +08:00
committed by GitHub
parent 2a2500a28d
commit d93a7cead2
15 changed files with 56 additions and 432 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/layout/components/SideBar.vue
View File

@@ -109,14 +109,21 @@ import { ref } from "vue";
import { useRouter, RouteRecordRaw } from "vue-router";
import { useI18n } from "vue-i18n";
import Icon from "@/components/Icon.vue";
import { useAppStoreWithOut } from "@/store/modules/app";
const appStore = useAppStoreWithOut();
const { t } = useI18n();
const name = ref<any>(String(useRouter().currentRoute.value.name));
const theme = ["VirtualMachine", "Kubernetes"].includes(name.value || "")
? ref("light")
: ref("black");
const routes = ref<any>(useRouter().options.routes);
const isCollapse = ref(false);
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
appStore.setIsMobile(true);
} else {
appStore.setIsMobile(false);
}
const isCollapse = ref(appStore.isMobile ? true : false);
const controlMenu = () => {
isCollapse.value = !isCollapse.value;
};