From 3eba8102f54dba44758865df0cccf4aae8aea2da Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 21 四月 2025 18:28:25 +0800
Subject: [PATCH] 年谱接口
---
src/views/chronology/yearWindow.vue | 81 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 81 insertions(+), 0 deletions(-)
diff --git a/src/views/chronology/yearWindow.vue b/src/views/chronology/yearWindow.vue
new file mode 100644
index 0000000..a04521e
--- /dev/null
+++ b/src/views/chronology/yearWindow.vue
@@ -0,0 +1,81 @@
+<template>
+ <div class="dialogBox">
+ <div class="title">{{ title }}</div>
+ <div class="content">
+ <div class="leftTxt" v-html="info.eventOverview"></div>
+ <div class="rightimg">
+ <div v-if="imgLink != ''" class="imgBox">
+ <img class="autoImg" :src="imgLink" alt="" />
+ </div>
+ <div v-else>鏆傛棤鍥剧墖</div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import { getPublicImage } from "@/assets/js/middleGround/tool";
+
+export default {
+ name: "floatingWindow",
+ props: {
+ info: {
+ type: Object,
+ default: () => {},
+ },
+ },
+ data() {
+ return {
+ title: "",
+ imgLink: "",
+ };
+ },
+ methods: {},
+ mounted() {
+ console.log(this.info);
+ this.title =
+ this.info.name.split("锛�")[0] + " " + this.info.name.split("锛�")[1];
+ this.imgLink = getPublicImage(this.info.eventPictures);
+ console.log(this.imgLink);
+ },
+};
+</script>
+
+<style scoped>
+.dialogBox {
+ width: 700px;
+ height: 100%;
+ position: relative;
+ padding: 15px;
+ z-index: 20;
+ box-sizing: border-box;
+}
+.content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.leftTxt {
+ width: 350px;
+ height: 100%;
+ background-color: #fff;
+ overflow: hidden;
+ white-space: normal;
+ overflow-x: auto;
+}
+.rightimg {
+ width: 350px;
+ height: 100%;
+ background-color: #fff;
+}
+.title {
+ font-size: 24px;
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+.imgBox {
+ width: 340px;
+ min-height: 300px;
+ position: relative;
+}
+</style>
--
Gitblit v1.9.1