From acb45c731c3ccd0a67061efb4e7bdf4f56005672 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 12 Jan 2022 08:52:13 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/components/mobileCloseRouter/index.vue | 121 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 121 insertions(+), 0 deletions(-)
diff --git a/src/components/mobileCloseRouter/index.vue b/src/components/mobileCloseRouter/index.vue
new file mode 100644
index 0000000..c035152
--- /dev/null
+++ b/src/components/mobileCloseRouter/index.vue
@@ -0,0 +1,121 @@
+<template>
+ <!-- v-show="isOpenDrawALine" -->
+ <div class="routers">
+ <div
+ :class="['mobileCloseRouter', isOpenDrawALine ? 'mobileCloseActive' : '']"
+ @click="mobileRouterClose"
+ >
+ 退出导航
+ </div>
+ <div
+ v-for="(item, index) in routerS"
+ :key="item.Str"
+ :style="{ bottom: 357 + index * 37 + 'px' }"
+ :class="[
+ 'mobileCloseRouterOpen',
+ index < lengthS && isOpenDrawALine ? 'mobileCloseActive' : '',
+ choiceRouterS == index ? 'mobileCloseActiveOpen' : '',
+ ]"
+ @click="mobileRouterCloseOpen(item.Str, index)"
+ >
+ <!-- 路径{{ index + 1 }}：{{ item.titles }} -->
+ 路径{{ index + 1 }}
+ </div>
+ </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+export default {
+ name: "mobileCloseRouter",
+ computed: {
+ ...mapGetters(["isOpenDrawALine", "routerS", "choiceRouterS"]),
+ },
+ data() {
+ return {
+ lengthS: 0,
+ };
+ },
+ watch: {
+ isOpenDrawALine() {
+ if (this.isOpenDrawALine) {
+ } else {
+ }
+ },
+ routerS() {
+ if (this.routerS.length == 0) {
+ this.lengthS = 0;
+ }
+ setTimeout(() => {
+ this.lengthS++;
+ }, 200);
+ },
+ },
+ methods: {
+ mobileRouterClose() {
+ this.$store.commit("removePolyline");
+ },
+ mobileRouterCloseOpen(Str, index) {
+ if (this.choiceRouterS == index) {
+ return;
+ }
+ this.$store.commit("set_choiceRouterS", index);
+ this.$store.dispatch("MSET_DRAWALINELAYER", Str);
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.routers {
+ width: 0;
+ height: 0;
+}
+.mobileCloseRouter {
+ position: fixed;
+ width: 80px;
+ height: 32px;
+ background-color: #409eff;
+ z-index: 600;
+ right: -100px;
+ opacity: 0;
+ bottom: 320px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 8px 0 0 8px;
+ color: #fff;
+ transition: all 0.5s;
+}
+.mobileCloseRouterOpen {
+ position: fixed;
+ // width: 127px;
+ width: 80px;
+ height: 32px;
+ background-color: #fff;
+ z-index: 600;
+ right: -100px;
+ opacity: 0;
+ bottom: 357px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 8px 0 0 8px;
+ color: #000;
+ border-left: 1px solid #a4d1ff;
+ border-top: 1px solid #a4d1ff;
+ border-bottom: 1px solid #a4d1ff;
+ transition: all 0.5s;
+}
+.mobileCloseActive {
+ right: 0px;
+ opacity: 1;
+}
+.mobileCloseActiveOpen {
+ border: 1px solid #409eff;
+ background-color: #409eff;
+ color: #fff;
+}
+</style>
--
Gitblit v1.9.3