update: 课程卡片UI调整

src/views/courseResources/courseMall/index.vue

@@ -15,7 +15,6 @@
       </div>
       <div class="courseMall-query">
         <el-tabs
-          v-if="mallIdentityType === 'firm'"
           v-model="queryParams.classPlan"
           class="queryTabs"
           @tab-click="changeQueryTabs">
@@ -27,7 +26,7 @@
               @input="getCourseByPagination"
             ></screen>
           </el-tab-pane>
-          <el-tab-pane label="岗位能力准入" name="1">
+          <el-tab-pane v-if="mallIdentityType === 'firm'" label="岗位能力准入" name="1">
             <screen
               v-model="queryParams.jobClassify"
               title="岗位分类"
@@ -35,7 +34,15 @@
               @input="getCourseByPagination"
             ></screen>
           </el-tab-pane>
-          <el-tab-pane label="通用能力培养" name="2">
+          <el-tab-pane v-if="mallIdentityType === 'firm'" label="通用能力培养" name="2">
+            <screen
+              v-model="queryParams.tecClassify"
+              title="技术分类"
+              :items="tecClassifyOptions"
+              @input="getCourseByPagination"
+            ></screen>
+          </el-tab-pane>
+          <el-tab-pane v-if="mallIdentityType === 'college'" label="基础能力培养" name="3">
             <screen
               v-model="queryParams.tecClassify"
               title="技术分类"
@@ -44,13 +51,6 @@
             ></screen>
           </el-tab-pane>
         </el-tabs>
-        <screen
-          v-else
-          v-model="queryParams.tecClassify"
-          title="技术分类"
-          :items="tecClassifyOptions"
-          @input="getCourseByPagination"
-        ></screen>
         <el-divider></el-divider>
         <screen
           v-model="queryParams.difficultyClassify"
@@ -557,12 +557,19 @@ export default {
           padding: 24px 20px;
 
           .title {
+            height: 23px;
             font-size: 20px;
             font-family: Microsoft YaHei, Microsoft YaHei-700, serif;
             font-weight: 700;
             color: #000000;
             line-height: 23px;
             margin-bottom: 26px;
+            text-overflow: ellipsis;
+            display: -webkit-box; /* 适用于 WebKit 浏览器，如 Chrome 和 Safari */
+            -webkit-line-clamp: 1; /* 限制显示的行数，此处设置为 1 行 */
+            -webkit-box-orient: vertical; /* 使内容按垂直方向排列 */
+            overflow: hidden; /* 隐藏超出部分 */
+            word-break: break-all; /* 强制在任意字符处换行 */
           }
 
           .title:hover,