From 73c8d3f55d5a675174a61342f3cea712ed5bc0eb Mon Sep 17 00:00:00 2001
From: QibolinCzp <qibolin02429@126.com>
Date: 星期五, 14 五月 2021 10:49:54 +0800
Subject: [PATCH] 问题修改
---
src/components/layer/src/layer.vue | 78 +++++++++++++++++++++-----------------
1 files changed, 43 insertions(+), 35 deletions(-)
diff --git a/src/components/layer/src/layer.vue b/src/components/layer/src/layer.vue
index e726598..3221a11 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,9 +26,20 @@
}
}
},
- computed: {
- },
+ computed: {},
mounted () {
+ let left = this.left
+ let top = this.top
+ if (left > 0) {
+ left = left + 'px'
+ }
+ if (top > 0) {
+ top = top + 'px'
+ }
+ this.style = {
+ left: left || '25%',
+ top: top || '35%'
+ }
},
methods: {
close () {
@@ -71,11 +81,9 @@
</script>
<style lang="less" scoped>
- .public-bounced {
- z-index: 2000;
- position: absolute;
- top: 35%;
- left: 20%;
+.public-bounced {
+ z-index: 2000;
+ position: absolute;
.public-bounced-title {
cursor: move;
@@ -85,38 +93,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