<template>
|
<!-- v-show="isOpenDrawALine" -->
|
<div class="routersMany">
|
<div
|
:class="[
|
'mobileCloseRouterMany',
|
'mobileCloseRouterManyupTitle',
|
isOpenDrawALineMany ? 'mobileCloseActiveMany' : '',
|
]"
|
>
|
{{ isOpenDrawALineMany }}
|
</div>
|
<div
|
:class="[
|
'mobileCloseRouterMany',
|
isOpenDrawALineMany ? 'mobileCloseActiveMany' : '',
|
]"
|
@click="mobileRouterCloseMany"
|
>
|
退出活动展示
|
</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 }}
|
</div> -->
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex";
|
export default {
|
name: "mobileCloseRouterMany",
|
computed: {
|
...mapGetters(["isOpenDrawALineMany"]),
|
},
|
// data() {
|
// return {
|
// title: "",
|
// lengthS: 0,
|
// };
|
// },
|
// watch: {
|
// isOpenDrawALine() {
|
// if (this.isOpenDrawALine) {
|
// } else {
|
// }
|
// },
|
// routerS() {
|
// if (this.routerS.length == 0) {
|
// this.lengthS = 0;
|
// }
|
// setTimeout(() => {
|
// this.lengthS++;
|
// }, 200);
|
// },
|
// },
|
methods: {
|
mobileRouterCloseMany() {
|
this.$store.commit("removePolylineMany");
|
},
|
// 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>
|
.routersMany {
|
width: 0;
|
height: 0;
|
}
|
.mobileCloseRouterManyupTitle {
|
bottom: 353px !important;
|
background-color: #fff !important;
|
color: #000 !important;
|
width: auto !important;
|
padding: 0 10px;
|
}
|
.mobileCloseRouterMany {
|
position: fixed;
|
width: 105px;
|
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: 50px;
|
// 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;
|
// }
|
.mobileCloseActiveMany {
|
right: 0px;
|
opacity: 1;
|
}
|
// .mobileCloseActiveOpen {
|
// width: 80px;
|
// border: 1px solid #409eff;
|
// background-color: #409eff;
|
// color: #fff;
|
// }
|
</style>
|
