From cd23c7eeebf4edcfa9b971b443a28c32992c01ca Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 28 Jun 2025 11:26:53 +0800
Subject: [PATCH] feat:数据中心弹框优化
---
src/views/dataCenter/dataCenter.vue | 21 +++++++++------------
1 files changed, 9 insertions(+), 12 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 659c712..b80333d 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -81,16 +81,9 @@
class="imageBox"
/> -->
<!-- 视频 -->
- <video v-if="dialogDetailList?.resultType === 1" style="width: 100%" class="imageBox" ref="videoRefs"
+ <video class="videoItem" v-if="dialogDetailList?.resultType === 1" style="width: 100%" ref="videoRefs"
controls autoplay :src="dialogDetailList.link"></video>
- <!-- 全景 -->
- <!-- <img
- class="quanjing"
- @click="clickpanorama(dialogDetailList)"
- v-else-if="dialogDetailList?.resultType === 5"
- :src="dialogDetailList?.resultType?.smallUrl"
- alt=""
- /> -->
+
<!-- 地图 -->
<div v-else-if="dialogDetailList?.resultType === 4" id="detaildataCenterMap" class="ztzf-cesium"></div>
<img v-else :src="getSmallImg(dialogDetailList?.link)" alt="" />
@@ -714,16 +707,20 @@
.detailContainer {
display: flex;
justify-content: space-between;
-
+align-items: center;
.leftImg {
width: 70%;
height: 500px;
-
+overflow: hidden;
img {
width: 100%;
height: 100%;
}
-
+.videoItem {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
#detaildataCenterMap {
width: 100%;
height: 100%;
--
Gitblit v1.9.3