修改列表卡片样式

src/components/ArticleDetail/index.vue

@@ -230,7 +230,7 @@ const goDetail = (id) => {
 
                 li{
                     width: 100%;
-                    height: 408px;
+                    height: 428px;
                     background: #D6D6DD;
                     border-radius: 3px;
                     border: 5px solid #D6D6DD;
@@ -278,10 +278,17 @@ const goDetail = (id) => {
                         }
                     }
                     .desc{
-                        padding: 10px;
+                        margin: 10px;
                         font-size: 22px;
                         font-weight: bold;
                         line-height: 30px;
+                        height: 60px;
+                        box-sizing: content-box;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
                     }
                 }
             }

src/layouts/Footer.vue

@@ -11,6 +11,7 @@
             <p>联系电话：{{ website.info.contact_phone }}</p>
             <p>邮箱：{{ website.info.contact_email }}</p>
             <p>联系地址：{{ website.info.contact_address }}</p>
+            <p>copyright &copy; 2023; <span>海国图智信息科技 (广州)有限公司</span></p>
         </div>
     </div>
 </template>

src/views/business/components/CategoryCardList.vue

@@ -120,7 +120,7 @@ const goDetail = (id) => {
     }
     li{
         width: 100%;
-        height: 408px;
+        height: 428px;
         background: #D6D6DD;
         border-radius: 3px;
         border: 5px solid #D6D6DD;
@@ -167,10 +167,17 @@ const goDetail = (id) => {
             }
         }
         .desc{
-            padding: 10px;
+            margin: 0 10px;
             font-size: 22px;
             font-weight: bold;
             line-height: 30px;
+            height: 60px;
+            box-sizing: content-box;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
         }
     }
     .pageBox{