1

mayisheng

2022-08-15 81f54040c2cb65537c6c6e1db8358a39a57dea0d

 src/components/mobileCloseRouter/index.vue

@@ -1,5 +1,8 @@
<template>
  <!-- v-show="isOpenDrawALine" -->
  <!-- 退出导航，右边按钮
mobileCloseRouter
 -->
  <div class="routers">
    <div
      :class="['mobileCloseRouter', isOpenDrawALine ? 'mobileCloseActive' : '']"
@@ -54,13 +57,14 @@
  methods: {
    mobileRouterClose() {
      this.$store.commit("removePolyline");
      this.$store.commit("removerPolyLineIcon");
    },
    mobileRouterCloseOpen(Str, index) {
      if (this.choiceRouterS == index) {
        return;
      }
      this.$store.commit("set_choiceRouterS", index);
      this.$store.dispatch("MSET_DRAWALINELAYER", Str);
      this.$store.dispatch("MSET_DRAWALINELAYER", [Str]);
    },
  },
};
@@ -91,7 +95,7 @@
.mobileCloseRouterOpen {
  position: fixed;
  // width: 127px;
  width: 80px;
  width: 50px;
  height: 32px;
  background-color: #fff;
  z-index: 600;
@@ -104,6 +108,9 @@
  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 {
@@ -111,6 +118,8 @@
  opacity: 1;
}
.mobileCloseActiveOpen {
  width: 80px;
  border: 1px solid #409eff;
  background-color: #409eff;
  color: #fff;
}