1

pages/catalog/index.uvue

@@ -129,9 +129,11 @@ function handleClose(val: boolean) {
           :class="`category-${course.catalogId}`" :key="course.id" @tap="handleDetail(course)" >
           <cl-image :src="config.baseUrl + course?.fileList?.[0]?.url" mode="scaleToFill"
             class="!w-full !h-[28vh] mb-[5px] rounded-xl"></cl-image>
-          <text class="text-[4vh] font-bold">{{
-            course.sortNum }}、{{
-              course.mainTitle }}</text>
+           <cl-text ellipsis :pt="{
+            className: '!text-[4vh] !font-bold'
+          }">{{
+                    course.sortNum }}、{{
+              course.mainTitle }}</cl-text>
           <text class="text-[3vh] text-[#666]">{{
             course.assistantTitle }}</text>
           <view>

pages/chinese/index.uvue

@@ -106,10 +106,13 @@ function debouncedOnScroll(e: any) {
           @tap="handleDetail(course)">
           <cl-image :src="course?.ossIconPath" mode="heightFix"
             class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
-        <view class="text-[4vh] font-bold absolute top-[1vh] h-[24vh] flex items-center justify-center left-0 w-full text-center text-[#d78e5b]"  >{{
-            course.mainTitle }}</view>
-          <view class="text-[4vh] flex-1 flex items-center justify-center font-bold text-[#666]">{{
-            course.assistantTitle }}</view>
+           <cl-text ellipsis :pt="{
+            className: '!text-[4vh] !font-bold'
+          }">{{
+                    course.sortNum }}、{{
+              course.mainTitle }}</cl-text>
+          <text class="text-[3vh] text-[#666]">{{
+            course.assistantTitle }}</text>
           <!-- <view>
             <Progress :progress="30" /> 
           </view> -->

pages/english/index.uvue

@@ -105,10 +105,13 @@ function debouncedOnScroll(e: any) {
           @tap="handleDetail(course)">
         <cl-image :src="course?.ossIconPath" mode="heightFix"
             class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
-          <view class="text-[4vh] font-bold absolute top-[1vh] h-[24vh] flex items-center justify-center left-0 w-full text-center text-[#d78e5b]"  >{{
-            course.mainTitle }}</view>
-          <view class="text-[4vh] flex-1 flex items-center justify-center font-bold text-[#666]">{{
-            course.assistantTitle }}</view>
+             <cl-text ellipsis :pt="{
+            className: '!text-[4vh] !font-bold'
+          }">{{
+                    course.sortNum }}、{{
+              course.mainTitle }}</cl-text>
+          <text class="text-[3vh] text-[#666]">{{
+            course.assistantTitle }}</text>
           <!-- <view>
             <Progress :progress="30" /> 
           </view> -->

pages/math/index.uvue

@@ -106,10 +106,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
           @tap="handleDetail(course)">
          <cl-image :src="course?.ossIconPath" mode="heightFix"
             class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
-          <view class="text-[4vh] font-bold absolute top-[1vh] h-[30vh] flex items-center justify-center left-0 w-full text-center text-[#bd4200]"  >{{
-            course.mainTitle }}</view>
-          <view class="text-[4vh] flex-1 flex items-center justify-center font-bold text-[#666]">{{
-            course.assistantTitle }}</view>
+              <cl-text ellipsis :pt="{
+            className: '!text-[4vh] !font-bold'
+          }">{{
+                    course.sortNum }}、{{
+              course.mainTitle }}</cl-text>
+          <text class="text-[3vh] text-[#666]">{{
+            course.assistantTitle }}</text>
           <!-- <view>
             <Progress :progress="30" />
           </view> -->

pages/mix/index.uvue

@@ -100,12 +100,13 @@ function handleDetail(item: SubjectCatalogResult) {
           :class="`category-${course.catalogId}`" :key="course.id" @tap="handleDetail(course)">
           <cl-image :src="course?.ossIconPath" mode="heightFix"
             class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
-          <view
-            class="text-[4vh] font-bold absolute top-[2vh] left-0 w-full text-center text-[#000]">
-            {{
-              course.mainTitle }}</view>
-          <view class="text-[4vh] flex-1 flex items-center justify-center font-bold text-[#666]">{{
-            course.assistantTitle }}</view>
+          <cl-text ellipsis :pt="{
+            className: '!text-[4vh] !font-bold'
+          }">{{
+                    course.sortNum }}、{{
+              course.mainTitle }}</cl-text>
+          <text class="text-[3vh] text-[#666]">{{
+            course.assistantTitle }}</text>
           <!-- <view>
             <Progress :progress="30" />
           </view> -->
@@ -208,4 +209,6 @@ function handleDetail(item: SubjectCatalogResult) {
     1px 1px 0 #1D4BD9;
 
 }
+
+
 </style>