From 8c89450977939743b1bc51c69ff9e616996a6a6c Mon Sep 17 00:00:00 2001
From: fuxiaochun <f2e.xiaochun@gmail.com>
Date: Mon, 28 Aug 2023 18:06:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/err_img.gif                 | Bin 0 -> 4363 bytes
 src/components/ArticleDetail/index.vue        |  19 ++++++++++++------
 .../business/components/CategoryCardList.vue  |  16 +++++++++++----
 3 files changed, 25 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/err_img.gif

diff --git a/src/assets/images/err_img.gif b/src/assets/images/err_img.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0774f7c0a729a5417a36d437e51ec9c5b45bd9e0
GIT binary patch
literal 4363
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

literal 0
HcmV?d00001

diff --git a/src/components/ArticleDetail/index.vue b/src/components/ArticleDetail/index.vue
index 4213a1f..da9e93f 100644
--- a/src/components/ArticleDetail/index.vue
+++ b/src/components/ArticleDetail/index.vue
@@ -24,12 +24,11 @@
                 <ul>
                     <li :key="item.id" v-for="item in recommend" @click="goDetail(item.id)">
                         <div class="img">
-                            <img :src="item.cover" :alt="item.title">
+                            <img :src="item.cover || errImg" :alt="item.title">
                         </div>
                         <div class="rTitle">
                             <h2><span>[{{ DateFormat(new Date(item.published_at * 1000), 'yyyy.MM.dd') }}]</span> {{ item.title }}</h2>
                         </div>
-                        <div class="desc">{{ item.description }}</div>
                     </li>
                 </ul>
             </div>
@@ -41,14 +40,14 @@
 </template>
 
 <script setup>
-import { ref, onBeforeMount, onMounted, onBeforeUnmount } from 'vue';
+import { ref, onBeforeMount, onMounted, onBeforeUnmount, computed } from 'vue';
 import http from '@/io/http';
 import { showToast } from 'vant';
 import { useRouter, useRoute } from 'vue-router';
 import { DateFormat } from '@/utils/format.js';
 import AiAssistantFolat from '@/views/chat/components/ai-assistant-float.vue';
 import { useWebsite } from '@/stores/website';
-import { computed } from 'vue';
+import errImg from '@/assets/images/err_img.gif';
 
 const website = useWebsite();
 
@@ -247,9 +246,12 @@ const goDetail = (id) => {
                     cursor: pointer;
                     .img{
                         width: 100%;
-                        height: 264px;
+                        height: 280px;
                         background-color: #666;
                         overflow: hidden;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
                         img{
                             object-fit: cover;
                             display: block;
@@ -266,12 +268,17 @@ const goDetail = (id) => {
                         // justify-content: space-between;
                         // align-items: center;
                         h2{
+                            height: 160px;
                             font-weight: bold;
                             font-size: 28px;
                             line-height: 40px;
-                            // margin-right: 10px;
                             flex: 1;
                             text-align: left;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 4;
                             span{
                                 font-weight: normal;
                                 padding-right: 5px;
diff --git a/src/views/business/components/CategoryCardList.vue b/src/views/business/components/CategoryCardList.vue
index 317307e..493617d 100644
--- a/src/views/business/components/CategoryCardList.vue
+++ b/src/views/business/components/CategoryCardList.vue
@@ -5,12 +5,11 @@
                 <ul>
                     <li :key="item.id" v-for="item in dataList" @click="goDetail(item.id)">
                         <div class="img">
-                            <img :src="item.cover" :alt="item.title">
+                            <img :src="item.cover || errImg" :alt="item.title">
                         </div>
                         <div class="title">
                             <h2><span>[{{ DateFormat(new Date(item.published_at * 1000), 'yyyy.MM.dd') }}]</span> {{ item.title }}</h2>
                         </div>
-                        <div class="desc">{{ item.description }}</div>
                     </li>
                 </ul>
                 <div class="pageBox" v-if="hasMore">
@@ -31,6 +30,7 @@ import http from '@/io/http';
 import { showToast } from 'vant';
 import { DateFormat } from '@/utils/format.js';
 import { useRouter, useRoute } from 'vue-router';
+import errImg from '@/assets/images/err_img.gif';
 
 const router = useRouter();
 const route = useRoute();
@@ -128,9 +128,12 @@ const goDetail = (id) => {
         cursor: pointer;
         .img{
             width: 100%;
-            height: 264px;
+            height: 280px;
             background-color: #666;
             overflow: hidden;
+            display: flex;
+            justify-content: center;
+            align-items: center;
             img{
                 object-fit: cover;
                 display: block;
@@ -148,12 +151,17 @@ const goDetail = (id) => {
             // justify-content: space-between;
             // align-items: center;
             h2{
-                // height: 40px;
+                // height: 160px;
                 font-weight: bold;
                 font-size: 28px;
                 line-height: 40px;
                 // margin-right: 10px;
                 flex: 1;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 4;
                 span{
                     font-weight: normal;
                     padding-right: 5px;