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