perf: 样式调整

src/views/agent/index/index.vue

@@ -22,14 +22,14 @@
                 :xl="6"
                 :xxl="4"
                 v-for="(product, k) in item.agent_products">
-          <div class="card-container cursor-pointer" @click="goDetail(product?.type, product?.id)">
+          <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
               <img
                 class="card-image h-120px object-contain w-100% mb-8px bg-#F0EDFF"
                 :src="product?.icon_url"
               />
             <div class="card-content">
               <div class="card-title mb-4px">{{ product?.name }}</div>
-              <div class="card-description mb-8px">{{ product?.description }}</div>
+              <TextoverTips :context="product.description" class="card-description mb-8px color-#737478 text-14px lh-22px font-400" :line="2" />
             </div>
 
             <div class="card-footer">
@@ -64,7 +64,8 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 import { getAgentList } from '@/api/all/agent';
-import { formatNumberShow } from "@/utils/tools"
+import { formatNumberShow } from "@/utils/tools";
+import TextoverTips from "@/components/text-over-tips";
 
 const router = useRouter();
 

src/views/agent/index/style.scss

@@ -42,22 +42,13 @@
 
   .card-content {
     flex: 1;
-    overflow: hidden;
+    // overflow: hidden;
 
     .card-title {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
     }
-
-    .card-description {
-      height: 40px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
   }
 
 
@@ -87,7 +78,7 @@
 
   .card-footer {
     width: 100%;
-    height: 100%;
+    // height: 100%;
     display: inline-flex;
     justify-content: space-between;
     align-items: center;