From 4fb3a428fe5fbea4e19253dd3563260c2476f65f Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Thu, 17 Apr 2025 18:00:46 +0800
Subject: [PATCH] feat: 修改事件概况详情和新建任务日期
---
src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue | 39 +++++++++++++++------------------------
1 files changed, 15 insertions(+), 24 deletions(-)
diff --git a/src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue b/src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue
index dc00279..9d4161f 100644
--- a/src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue
+++ b/src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue
@@ -199,14 +199,7 @@
const positioning = row => {
const longitude = Number(row.longitude)
const latitude = Number(row.latitude)
- // ismore 单独点击定位和未展开都为0 ismore为false 展开大图 值为0.004 ismore=true & isShowBigImg=true 展开大图 值为0.005
- if (isMore.value) {
- longitudeOffset.value = isShowBigImg.value ? 0.005 : 0.003
- }
- if (!isMore.value) {
- longitudeOffset.value = isShowBigImg.value ? 0.003 : 0;
- }
- flyTo({ longitude: longitude + longitudeOffset.value, latitude }, 1, 1000);
+ flyTo({ longitude: longitude, latitude:latitude + 0.0002 }, 1, 1000);
}
// 事件状态+数量
@@ -539,22 +532,23 @@
justify-content: center;
}
.image-list {
+ border: 1px solid red;
position: absolute;
- z-index: 10;
+ z-index: 1;
right: 460px;
top: 122px;
- width: 800px;
- height: 600px;
+ width: 540px;
+ height: 420px;
background: #0F1929;
- box-shadow: inset 0px -50px 50px 0px rgba(27,148,255,0.13);
- border-radius: 0px 0px 0px 0px;
+ // box-shadow: inset 0px -50px 50px 0px rgba(27,148,255,0.13);
+ // border-radius: 0px 0px 0px 0px;
border: 2px solid;
border-image: linear-gradient(180deg, rgba(81, 168, 255, 0), rgba(48, 111, 202, 1), rgba(255, 255, 255, 1), rgba(27, 148, 255, 1)) 2 2;
.title {
- position: relative;
+ position: absolute;
text-align: right;
right: 12px;
- top: 12px;
+ // top: 12px;
img {
width: 10px;
height: 10px;
@@ -562,24 +556,21 @@
}
}
.content {
- width: 740px;
- height: 440px;
- box-shadow: 1px 3px 6px 0px rgba(81,168,255,0.58);
- border-radius: 20px 20px 20px 20px;
- border-image: linear-gradient(180deg, rgba(81, 168, 255, 1), rgba(189, 228, 255, 1)) 2 2;
- margin: 28px 28px;
img {
width: 100%;
height: 100%;
- border-radius: 20px 20px 20px 20px;
+ border-radius: 10px 10px 10px 10px;
}
}
.card {
- margin: 26px 26px;
+ background: linear-gradient( 180deg, rgba(13,30,70,0.72) 0%, #142E6B 100%);
+ padding: 0px 10px 0px 10px;
color: #BECBEA;
display: flex;
justify-content: space-between;
- position: relative;
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
.time-top {
width: 50px;
height: 30px;
--
Gitblit v1.9.3