fix

@@ -44,8 +44,8 @@
           <swiper-slide v-for="(item, index) in solution_list" :key="index">
             <div @click="goToSolution(item)" class="card" style="margin-bottom: 1rem;">
               <img :src="item.cover" alt="学校图片" class="card-image">
-              <div class="card-content">
-                <div class="card-title">
+              <div class="card-content xs">
+                <div class="card-title-xs">
                   <span>{{ item.category_name }}</span>
                   <!-- <i class="el-icon-right"></i> -->
                 </div>
@@ -244,14 +244,26 @@ export default {
 
     .card-content {
       padding: 15px;
-      padding-bottom: 0;
+      &.xs {
+        padding-bottom: 0;
+      }
       .card-title {
-        // display: flex;
-        // align-items: center;
-        // justify-content: space-between;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 1rem;
+        color: @secondary-color;
+        margin-bottom: 10px;
+        font-weight: bold;
+        span {
+          white-space: nowrap;        /* 不换行 */
+          overflow: hidden;           /* 隐藏超出部分 */
+          text-overflow: ellipsis;    /* 用省略号表示被截断的部分 */
+        }
+      }
+      .card-title-xs {
         font-size: 1rem;
         color: @secondary-color;
-        // margin-bottom: 10px;
         font-weight: bold;
         span {
           min-height: calc(2 * 1.5em); /* 假设行高为 1.5em */