From 1932115cd2a69a76ae20ddf56ebfa96df49dbfc8 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 07 Jan 2023 11:17:22 +0800
Subject: [PATCH] 首页内容显示,弹窗内容显示及相关逻辑
---
src/components/map/components/mapPopup.vue | 14 +++++++++-----
1 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/src/components/map/components/mapPopup.vue b/src/components/map/components/mapPopup.vue
index 393e76f..e026f1a 100644
--- a/src/components/map/components/mapPopup.vue
+++ b/src/components/map/components/mapPopup.vue
@@ -45,12 +45,12 @@
<div>{{ dataPopup.LXDH }}</div>
</div>
<div class="item">
- <div>联系电话:</div>
- <div>{{ dataPopup.BJNR }}</div>
+ <div>报警内容:</div>
+ <div :title="dataPopup.BJNR">{{ dataPopup.BJNR }}</div>
</div>
<div class="item">
<div>事发地址:</div>
- <div>{{ dataPopup.SFDZ }}</div>
+ <div :title="dataPopup.SFDZ">{{ dataPopup.SFDZ }}</div>
</div>
<div class="item">
<div>报警类型:</div>
@@ -163,10 +163,10 @@
.divForms .arrow {
position: absolute;
bottom: 50%;
- left: -8px;
+ left: 0;
width: 45px;
height: 2px;
- transform: rotate(-45deg);
+ transform: rotate(-45deg) translate(5px, -15px);
background-color: #28bbf0;
}
@@ -308,6 +308,10 @@
&>div:nth-of-type(2) {
width: calc(100% - 120px);
+ max-width: 190px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
}
--
Gitblit v1.9.3