From dc161b8ff89d1a2791ba0c08e30aa278ea5ace47 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 08 四月 2025 18:35:25 +0800
Subject: [PATCH] bug修改
---
src/views/chronology/index.vue | 29 ++++++++++++++++++++++++-----
1 files changed, 24 insertions(+), 5 deletions(-)
diff --git a/src/views/chronology/index.vue b/src/views/chronology/index.vue
index ec3c594..30f7a07 100644
--- a/src/views/chronology/index.vue
+++ b/src/views/chronology/index.vue
@@ -44,11 +44,12 @@
v-for="(citem, cindex) in item.list"
:style="{ background: citem.color }"
@mouseover="showDetail(index, cindex, 1)"
+ @mouseout="closeDetail(index, cindex, 0)"
:key="cindex"
>
<div class="detailDialog" v-if="citem.showDetail">
<!-- <div class="dialogContent" @click="gotoDetail(citem)"> -->
- <floatingWindow :info="citem" />
+ <floatingWindow :info="citem" />
<!-- </div> -->
</div>
</div>
@@ -87,6 +88,7 @@
showDetail: false,
name: "鐜嬫案鐐�",
year: "1938",
+ type: "journal",
id: "1",
},
],
@@ -100,6 +102,7 @@
showDetail: false,
name: "鐜嬫案鐐�",
year: "1937",
+ type: "image",
id: "1",
},
{
@@ -107,6 +110,7 @@
showDetail: false,
name: "鐜嬫案鐐�",
year: "1937",
+ type: "book",
id: "2",
},
],
@@ -126,12 +130,14 @@
color: "#87A7B9",
showDetail: false,
name: "鐜嬫案鐐�",
+ type: "video",
id: "3",
},
{
color: "#87A7B9",
showDetail: false,
name: "鐜嬫案鐐�",
+ type: "audio",
id: "4",
},
{
@@ -812,6 +818,18 @@
methods: {
gotoDetail(item) {},
+
+ closeDetail(index, cindex, type) {
+ // console.log(cindex, "cindex");
+ // for (let i = 0; i < this.contentList.length; i++) {
+ // const item = this.contentList[i];
+ // for (let j = 0; j < item.list.length; j++) {
+ // const citem = item.list[j];
+ // this.$set(citem, "showDetail", false);
+ // }
+ // }
+
+ },
showDetail(index, cindex, type) {
for (let i = 0; i < this.contentList.length; i++) {
const item = this.contentList[i];
@@ -820,7 +838,8 @@
this.$set(citem, "showDetail", false);
}
}
- if (type == 1) {
+
+ if (this.contentList[index].list[cindex].type) {
this.contentList[index].list[cindex].showDetail = true;
} else {
this.contentList[index].list[cindex].showDetail = false;
@@ -899,14 +918,14 @@
}
}
.page-header {
- height: 102px;
+ height: 9.4%;
width: 100%;
text-align: left;
margin-bottom: 8px;
border-bottom: 2px solid #937950;
p {
- padding: 35px 0 34px 0;
+ padding: 1.6% 0 1.55% 0;
font-family: Alimama DongFangDaKai;
font-size: 30px;
text-indent: 1em;
@@ -990,7 +1009,7 @@
z-index: 9999;
cursor: pointer;
background: #fff;
- border: 2px solid #CBBEAA;
+ border: 2px solid #cbbeaa;
box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.5);
}
--
Gitblit v1.9.1