From 091a4477211697101a9c774cc72cf297f7b51e5d Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Wed, 28 Sep 2022 17:04:28 +0800
Subject: [PATCH] =?UTF-8?q?img=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss      | 10 +++++++++-
 src/views/digitalResource.vue     |  2 +-
 src/views/module/bookDetails.vue  | 13 ++++++++++---
 src/views/module/bookList.vue     | 20 +++++++++++++++++---
 src/views/module/homeListItem.vue |  2 +-
 5 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 4083a89..07569e3 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -161,11 +161,13 @@
       width: 100%;
       height: 520px;
       border-radius: 4px;
+      overflow: hidden;
     }
     img{
       display: block;
       width: 100%;
-      height: 100%;
+      max-height: 100%;
+      object-fit: contain;
     }
     .book-info{
       padding: 12px 0 0 44px;
@@ -194,10 +196,13 @@
       width: 244px;
       height: 100%;
       margin-right: 20px;
+      overflow: hidden;
     }
     img{
       display: block;
       width: 100%;
+      max-height: calc(100%);
+      object-fit: contain;
     }
     .book-info{
       padding: 20px 10px 0 0;
@@ -229,10 +234,13 @@
       width: 100%;
       height: 240px;
       margin-bottom: 10px;
+      overflow: hidden;
     }
     img{
       display: block;
       width: 100%;
+      max-height: calc(100%);
+      object-fit: contain;
     }
     .book-title{
       margin-bottom: 0;
diff --git a/src/views/digitalResource.vue b/src/views/digitalResource.vue
index 39b7a6c..6803c90 100644
--- a/src/views/digitalResource.vue
+++ b/src/views/digitalResource.vue
@@ -8,7 +8,7 @@
     </div>
     <div class="main">
       <div v-for="(item,index) in srcList" :key="index" class="main-item" @click="jump(item.nrsUrl)">
-        <img :src="'data:image/png;base64,' + item.nrsImages">
+        <img :src="'data:image/png;base64,' + item.nrsImages" />
         <div class="title">
           {{ item.nrsTitle }}
         </div>
diff --git a/src/views/module/bookDetails.vue b/src/views/module/bookDetails.vue
index 9ba9d4a..63f68f4 100644
--- a/src/views/module/bookDetails.vue
+++ b/src/views/module/bookDetails.vue
@@ -10,17 +10,19 @@
         <div class="book-details-box">
           <div class="book-details">
             <div class="book-cover">
-              <img :src="bookData.srcUrl ? bookData.srcUrl : ''" :onerror="defaultImg">
+              <img :src="bookData.srcUrl ? bookData.srcUrl : ''" :onerror="defaultImg" />
             </div>
             <div class="book-desc">
               <h3>{{ bookData.bookName }}</h3>
               <p class="book-from">作者：{{ bookData.bookAuthor }}</p>
               <p v-if="bookData.Publish" class="book-from">出版社：{{ bookData.Publish }}</p>
-              <p class="book-brief"> 简介：{{ bookData.gist }}</p>
+              <p class="book-brief"> 简介：{{ bookData.gist ? bookData.gist : '暂无简介' }}</p>
             </div>
           </div>
           <div class="book-local">
             <span v-if="bookData.bookPlace">所在位置：{{ bookData.bookPlace }}</span>
+            <!-- 待定：热门图书/新书推荐跳转到 场馆导航操作 -->
+            <span v-else>所在位置</span>
           </div>
         </div>
       </div>
@@ -86,12 +88,17 @@ export default {
     justify-content: space-between;
     padding: 30px 0;
     .book-cover{
+      display: flex;
+      align-items: center;
       width: 318px;
       height: 382px;
       margin-right: 40px;
+      overflow: hidden;
       img{
+        display: block;
         width: 100%;
-        height: 100%;
+        max-height: calc(100%);
+        object-fit: contain;
       }
     }
     .book-desc{
diff --git a/src/views/module/bookList.vue b/src/views/module/bookList.vue
index 3a1a12d..21c4196 100644
--- a/src/views/module/bookList.vue
+++ b/src/views/module/bookList.vue
@@ -15,7 +15,9 @@
     </div>
     <ul class="hotbook-list">
       <li v-for="(item,index) in bookList" :key="index" @click="handleDetails(index+1)">
-        <img :src="item.cover ? item.cover : ''" :onerror="defaultImg">
+        <div class="other-list-img">
+          <img :src="item.cover ? item.cover : ''" :onerror="defaultImg" />
+        </div>
         <p class="book-name">{{ item.nbName || item.hbName }}</p>
       </li>
     </ul>
@@ -89,10 +91,14 @@ export default {
     bottom: 20px;
     width: 318px;
     height: 382px;
+    display: flex;
+    align-items: center;
     overflow: hidden;
     img{
+      display: block;
       width: 100%;
       vertical-align: middle;
+      object-fit: contain;
     }
   }
   .txt{
@@ -124,11 +130,19 @@ export default {
     margin-left: 48px;
     width: 300px;
     overflow: hidden;
-    // text-align: center;
+    .other-list-img{
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 360px;
+      overflow: hidden;
+    }
     img{
+      display: block;
       width: 100%;
+      max-height: calc(100%);
       vertical-align: middle;
-      height: 360px;
+      object-fit: contain;
     }
     .book-name{
       width: 100%;
diff --git a/src/views/module/homeListItem.vue b/src/views/module/homeListItem.vue
index f9536de..ed40e9b 100644
--- a/src/views/module/homeListItem.vue
+++ b/src/views/module/homeListItem.vue
@@ -3,7 +3,7 @@
     <div :class="[isNewBook ? 'list-small' : (isOtherBook ? 'list-middle' : 'list-big') ]">
       <div v-for="(item,index) in listData" :key="item.ranking" class="list-item" @click="handleDetails(index)">
         <div class="book-img">
-          <img :src="item.cover" :onerror="defaultImg">
+          <img :src="item.cover" :onerror="defaultImg" />
         </div>
         <div class="book-info">
           <h4 :class="['book-title', {'title-item': !isOtherBook}]">{{ item.nbName }}</h4>