From d16a07dcc2771bb65d03658847549ab3b21f6bcd Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期四, 04 七月 2024 16:29:08 +0800 Subject: [PATCH] 图片title --- src/pages/character/detail.vue | 56 +++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 39 insertions(+), 17 deletions(-) diff --git a/src/pages/character/detail.vue b/src/pages/character/detail.vue index 2354fc2..7b1881c 100644 --- a/src/pages/character/detail.vue +++ b/src/pages/character/detail.vue @@ -289,20 +289,22 @@ <span>鐩稿叧闄勮〃/鍥惧儚</span> </div> <view> - <div style="overflow: auto"> - <el-image - v-for="item in imageList" - :key="item" - style=" - width: 2.05rem; - height: 2.4rem; - margin-right: 0.2rem; - margin-bottom: 0.1rem; - " - :src="item" - :preview-src-list="imageList" - fit="contain" - ></el-image> + <div style="overflow: auto;display: flex;"> + <div v-for="item in imageList" :key="item" :title="item.name"> + <el-image + :title="item.name" + :alt="item.name" + style=" + width: 2.05rem; + height: 2.4rem; + margin-right: 0.2rem; + margin-bottom: 0.1rem; + " + :src="item.src" + :preview-src-list="imageList.map((item) => item.src)" + fit="contain" + ></el-image> + </div> </div> <div v-if="imageList.length == 0" @@ -714,7 +716,28 @@ getPersonImages({ personId: this.detailId, }).then((res) => { - this.imageList = res.list.map((item) => getImg(item.filePath)); + this.imageList = res.list.map((item) => { + return { + src: getImg(item.filePath), + name: item.desc, + }; + }); + }); + }, + getBiog() { + getPersonBiog({ + personId: this.detailId, + }).then((res) => { + this.biogData = res.list.map((item) => { + return { + content: item.content1, + bookName: + "銆�" + + item.bookName + + "銆� " + + (item.pageNo ? "P " + item.pageNo : ""), // 杩欓噷鍙湁bookid鏃犳硶鍖归厤鍒颁功鍚� + }; + }); }); }, getBiog() { @@ -814,7 +837,7 @@ }, getMappingData() { getFuzzySearch({ - personId: this.detailId + personId: this.detailId, }).then((res) => { this.nodes = []; this.relationships = []; @@ -1542,5 +1565,4 @@ .fileul li:hover { color: #597aa5; } - </style> -- Gitblit v1.9.1