From f99fd37cdbaaa4f09e5b7383442ee264fd332232 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期六, 08 五月 2021 10:55:37 +0800
Subject: [PATCH] 新增图层点击弹窗开关
---
src/components/layer/src/layer.vue | 68 ++++++++++++++++-----------------
1 files changed, 33 insertions(+), 35 deletions(-)
diff --git a/src/components/layer/src/layer.vue b/src/components/layer/src/layer.vue
index e726598..3b25a3a 100644
--- a/src/components/layer/src/layer.vue
+++ b/src/components/layer/src/layer.vue
@@ -1,11 +1,10 @@
<template>
<div class="public-bounced map-background" v-drag :style="style">
<div class="public-bounced-title panel-title" ref="publicBounced">
- <span>{{title}}</span>
+ <span>{{ title }}</span>
<i class="el-icon-circle-close" @click="close"></i>
</div>
- <div class="public-bounced-content" :id="id">
- </div>
+ <div class="public-bounced-content" :id="id"></div>
</div>
</template>
@@ -27,8 +26,7 @@
}
}
},
- computed: {
- },
+ computed: {},
mounted () {
},
methods: {
@@ -71,11 +69,11 @@
</script>
<style lang="less" scoped>
- .public-bounced {
- z-index: 2000;
- position: absolute;
- top: 35%;
- left: 20%;
+.public-bounced {
+ z-index: 2000;
+ position: absolute;
+ top: 35%;
+ left: 20%;
.public-bounced-title {
cursor: move;
@@ -85,38 +83,38 @@
align-items: center;
justify-content: space-between;
- span {
- color: #f4f7ff;
- margin: 0 15px;
- font-size: 14px;
- }
+ span {
+ color: #f4f7ff;
+ margin: 0 15px;
+ font-size: 14px;
+ }
- i {
- color: #C0C4CC;
- margin: 0 15px;
- font-size: 22px;
- cursor: pointer;
- }
+ i {
+ color: #C0C4CC;
+ margin: 0 15px;
+ font-size: 22px;
+ cursor: pointer;
+ }
- i:hover {
- color: #00fff6;
- }
+ i:hover {
+ color: #00fff6;
+ }
}
.public-bounced-content {
- padding: 0.1rem;
+ //padding: 0.1rem;
display: flex;
- //align-items: center;
- //justify-content: space-around;
+ //align-items: center;
+ //justify-content: space-around;
- .public-bounced-content-left {
- //width: 4.8rem;
- }
+ .public-bounced-content-left {
+ //width: 4.8rem;
+ }
- .public-bounced-content-right {
- //width: 3rem;
- margin-left: 0.1rem;
+ .public-bounced-content-right {
+ //width: 3rem;
+ margin-left: 0.1rem;
+ }
}
- }
- }
+}
</style>
--
Gitblit v1.8.0