1

pages/catalog/detail.uvue

@@ -285,7 +285,7 @@ onUnmounted(() => {
               @tap="endRecord">
               <view
                 class="w-[50px] h-[50px] rounded-[5px] bg-white flex items-center justify-center text-[20px] font-bold text-[#3CB8FF]">
-                {{ timers }}
+                <text class="text-[20px] font-bold text-[#3CB8FF]">{{ timers }}</text>
               </view>
             </view>
           </template>
@@ -316,7 +316,9 @@ onUnmounted(() => {
       <view class="video-fullscreen_title" v-show="showControls">
         <Back />
         <view class="text-[20px] font-bold text-white">
-          {{ course?.mainTitle }}
+          <text class="text-[20px] font-bold text-[#fff]">
+            {{ course?.mainTitle }}
+          </text>
         </view>
         <!-- <view class="control-progress">
           <view class="before"></view>
@@ -363,10 +365,10 @@ onUnmounted(() => {
     </view>
 
   </cl-page>
-  <cl-popup v-model="visible" direction="center" :show-header="false" :maskClosable="false">
+  <cl-popup v-model="visible" :width="300" direction="center" :show-header="false" :maskClosable="false">
     <view class="p-2">
       <cl-image lazy-load :src="nextCourse?.ossIconPath" mode="heightFix"
-        class="!w-full !h-[28vh] mb-[2vh] rounded-xl"></cl-image>
+        class="!w-full !h-[150px] mb-[10px] rounded-xl"></cl-image>
       <cl-row :gutter="12">
         <cl-col :span="12"> <cl-button size="small" type="info" @click="router.back()">返回</cl-button></cl-col>
         <cl-col :span="12"> <cl-button size="small" type="success" @click="playNext">播放下集</cl-button></cl-col>

pages/catalog/index.uvue

@@ -213,6 +213,7 @@ function handleClose(val: boolean) {
     font-size: 16px;
     min-width: 100px;
     padding-right: 5px;
+    color: #000;
   }
 }
 

pages/chinese/index.uvue

@@ -55,11 +55,11 @@ async function getInfo() {
   }
   if (user.token === 'Basic ZW5kOmVuZA==') {
     res = await getSubjectCoursePageNoLogin({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   } else {
     res = await getSubjectCoursePage({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   }
 
@@ -124,24 +124,24 @@ const userInfo = computed(() => user.info.value?.userInfo)
         </view>
         <scroll-view direction="vertical" :show-scrollbar="false" class="cards" ref="cardsScrollView"
           @scroll="handleScrollToLowerDebounce">
-          <view class="grid grid-cols-4 gap-4">
-            <view class="card" v-for="card in courseList" :key="card.id" :class="`category-${card.catalogId}`"
-              @tap="handleDetail(card)">
-              <view class="w-full h-[11vw] rounded-xl overflow-hidden">
-                <image :src="card?.ossIconPath" mode="aspectFill" class="w-full h-full object-cover"></image>
+          <cl-row :gutter="12">
+            <cl-col :span="6" v-for="card in courseList" :key="card.id as string">
+              <view class="card" @tap="handleDetail(card)">
+                <image :src="card?.ossIconPath as string" mode="heightFix" lazy-load
+                  class="!w-full !h-[80rpx] mb-[2px] rounded-xl"></image>
+                <cl-text ellipsis :pt="{
+                  className: '!text-[12rpx] !font-bold'
+                }">{{
+                  card.sortNum }}、{{
+                    card.mainTitle }}</cl-text>
+                <cl-text ellipsis color="#666" :pt="{
+                  className: '!text-[10rpx]'
+                }">{{
+                  card.assistantTitle }}</cl-text>
+                <Lock v-if="userInfo == null || userInfo?.memberLevel == 'default'" :record="card" type="vip" />
               </view>
-              <cl-text ellipsis :pt="{
-                className: '!text-[1.5vw] !font-bold'
-              }">{{
-                card.sortNum }}、{{
-                  card.mainTitle }}</cl-text>
-              <cl-text ellipsis color="#666" :pt="{
-                className: '!text-[1.2vw]'
-              }">{{
-                card.assistantTitle }}</cl-text>
-              <Lock v-if="userInfo?.memberLevel === 'default'" :record="card" type="vip" />
-            </view>
-          </view>
+            </cl-col>
+          </cl-row>
           <cl-loadmore :loading="loading" :finish="finish"></cl-loadmore>
         </scroll-view>
       </view>
@@ -242,39 +242,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
     }
 
     .card {
-      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3;
-      // background-color: rgba(255, 255, 255, 0.9);
-      // border-radius: 16px;
-      // padding: 16px;
+      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3 mb-[12rpx];
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      aspect-ratio: 8/9;
-
-      .card-content {
-        width: 100%;
-        height: 120px;
-        background-color: #E3F2FD;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 12px;
-        aspect-ratio: 3/4;
-
-        .question-mark {
-          font-size: 60px;
-          font-weight: bold;
-          color: #1E88E5;
-        }
-      }
 
-      .card-title {
-        @apply text-center font-bold absolute left-0 w-full text-[#0E3E87] text-[1.5vw];
-        bottom: 13%;
-      }
     }
   }
 }

pages/english/index.uvue

@@ -55,11 +55,11 @@ async function getInfo() {
   }
   if (user.token === 'Basic ZW5kOmVuZA==') {
     res = await getSubjectCoursePageNoLogin({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   } else {
     res = await getSubjectCoursePage({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   }
   courseList.value = [...courseList.value, ...(res.rows || [])]
@@ -124,24 +124,24 @@ const userInfo = computed(() => user.info.value?.userInfo)
         </view>
         <scroll-view direction="vertical" :show-scrollbar="false" class="cards" ref="cardsScrollView"
           @scroll="handleScrollToLowerDebounce">
-          <view class="grid grid-cols-4 gap-4">
-            <view class="card" v-for="card in courseList" :key="card.id" :class="`category-${card.catalogId}`"
-              @tap="handleDetail(card)">
-              <view class="w-full h-[11vw] rounded-xl overflow-hidden">
-                <image :src="card?.ossIconPath" mode="aspectFill" class="w-full h-full object-cover"></image>
+          <cl-row :gutter="12">
+            <cl-col :span="6" v-for="card in courseList" :key="card.id as string">
+              <view class="card" @tap="handleDetail(card)">
+                <image :src="card?.ossIconPath as string" mode="heightFix" lazy-load
+                  class="!w-full !h-[80rpx] mb-[2px] rounded-xl"></image>
+                <cl-text ellipsis :pt="{
+                  className: '!text-[12rpx] !font-bold'
+                }">{{
+                  card.sortNum }}、{{
+                    card.mainTitle }}</cl-text>
+                <cl-text ellipsis color="#666" :pt="{
+                  className: '!text-[10rpx]'
+                }">{{
+                  card.assistantTitle }}</cl-text>
+                <Lock v-if="userInfo == null || userInfo?.memberLevel == 'default'" :record="card" type="vip" />
               </view>
-              <cl-text ellipsis :pt="{
-                className: '!text-[1.5vw] !font-bold'
-              }">{{
-                card.sortNum }}、{{
-                  card.mainTitle }}</cl-text>
-              <cl-text ellipsis color="#666" :pt="{
-                className: '!text-[1.2vw]'
-              }">{{
-                card.assistantTitle }}</cl-text>
-              <Lock v-if="userInfo?.memberLevel === 'default'" :record="card" type="vip" />
-            </view>
-          </view>
+            </cl-col>
+          </cl-row>
           <cl-loadmore :loading="loading" :finish="finish"></cl-loadmore>
         </scroll-view>
       </view>
@@ -226,39 +226,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
     }
 
     .card {
-      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3;
-      // background-color: rgba(255, 255, 255, 0.9);
-      // border-radius: 16px;
-      // padding: 16px;
+      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3 mb-[12rpx];
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      aspect-ratio: 8/9;
-
-      .card-content {
-        width: 100%;
-        height: 120px;
-        background-color: #E3F2FD;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 12px;
-        aspect-ratio: 3/4;
-
-        .question-mark {
-          font-size: 60px;
-          font-weight: bold;
-          color: #1E88E5;
-        }
-      }
 
-      .card-title {
-        @apply text-center font-bold absolute left-0 w-full text-[#0E3E87] text-[1.5vw];
-        bottom: 13%;
-      }
     }
   }
 }

pages/index/components/mix.uvue

@@ -46,7 +46,7 @@ function handleDetail(item: any) {
       <view class="scroll-view-item_H bg-[white]" v-for="course in dataList || []" :key="course.id"
         @tap="handleDetail(course)">
         <cl-image :src="course?.iconPath" mode="heightFix" class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
-        <text class="text-[16rpx] font-bold">{{
+        <text class="text-[16rpx] font-bold text-[#000]">{{
           course.mainTitle }}</text>
         <text class="text-[12rpx] text-[#666]">{{
           course.assistantTitle }}</text>

pages/index/components/other.uvue

@@ -42,7 +42,7 @@ function handleDetail(item: any) {
                 @tap="handleDetail(course)">
                 <cl-image :src="course?.iconPath" mode="heightFix"
                     class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
-                <text class="text-[16rpx] font-bold">{{
+                <text class="text-[16rpx] font-bold text-[#000]">{{
                     course.mainTitle }}</text>
                 <text class="text-[12rpx] text-[#666]">{{
                     course.assistantTitle }}</text>

pages/index/components/programming.uvue

@@ -47,7 +47,7 @@ function handleDetail(item: any) {
       <view class="scroll-view-item_H bg-[white]" v-for="course in dataList || []" :key="course.id"
         @tap="handleDetail(course)">
         <cl-image :src="course?.iconPath" mode="heightFix" class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
-        <text class="text-[16rpx] font-bold">{{
+        <text class="text-[16rpx] font-bold text-[#000]">{{
           course.mainTitle }}</text>
         <text class="text-[12rpx] text-[#666]">{{
           course.assistantTitle }}</text>

pages/math/index.uvue

@@ -56,11 +56,11 @@ async function getInfo() {
   }
   if (user.token === 'Basic ZW5kOmVuZA==') {
     res = await getSubjectCoursePageNoLogin({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   } else {
     res = await getSubjectCoursePage({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   }
   courseList.value = [...courseList.value, ...(res.rows || [])]
@@ -124,24 +124,24 @@ const userInfo = computed(() => user.info.value?.userInfo)
         </view>
         <scroll-view direction="vertical" :show-scrollbar="false" class="cards" ref="cardsScrollView"
           @scroll="handleScrollToLowerDebounce">
-          <view class="grid grid-cols-4 gap-4">
-            <view class="card" v-for="card in courseList" :key="card.id" :class="`category-${card.catalogId}`"
-              @tap="handleDetail(card)">
-              <view class="w-full h-[11vw] rounded-xl overflow-hidden">
-                <image :src="card?.ossIconPath" mode="aspectFill" class="w-full h-full object-cover"></image>
+          <cl-row :gutter="12">
+            <cl-col :span="6" v-for="card in courseList" :key="card.id as string">
+              <view class="card" @tap="handleDetail(card)">
+                <image :src="card?.ossIconPath as string" mode="heightFix" lazy-load
+                  class="!w-full !h-[80rpx] mb-[2px] rounded-xl"></image>
+                <cl-text ellipsis :pt="{
+                  className: '!text-[12rpx] !font-bold'
+                }">{{
+                  card.sortNum }}、{{
+                    card.mainTitle }}</cl-text>
+                <cl-text ellipsis color="#666" :pt="{
+                  className: '!text-[10rpx]'
+                }">{{
+                  card.assistantTitle }}</cl-text>
+                <Lock v-if="userInfo == null || userInfo?.memberLevel == 'default'" :record="card" type="vip" />
               </view>
-              <cl-text ellipsis :pt="{
-                className: '!text-[1.5vw] !font-bold'
-              }">{{
-                card.sortNum }}、{{
-                  card.mainTitle }}</cl-text>
-              <cl-text ellipsis color="#666" :pt="{
-                className: '!text-[1.2vw]'
-              }">{{
-                card.assistantTitle }}</cl-text>
-              <Lock v-if="userInfo?.memberLevel === 'default'" :record="card" type="vip" />
-            </view>
-          </view>
+            </cl-col>
+          </cl-row>
           <cl-loadmore :loading="loading" :finish="finish"></cl-loadmore>
         </scroll-view>
       </view>
@@ -243,39 +243,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
     }
 
     .card {
-      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3;
-      // background-color: rgba(255, 255, 255, 0.9);
-      // border-radius: 16px;
-      // padding: 16px;
+      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3 mb-[12rpx];
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      aspect-ratio: 8/9;
-
-      .card-content {
-        width: 100%;
-        height: 120px;
-        background-color: #E3F2FD;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 12px;
-        aspect-ratio: 3/4;
-
-        .question-mark {
-          font-size: 60px;
-          font-weight: bold;
-          color: #1E88E5;
-        }
-      }
 
-      .card-title {
-        @apply text-center font-bold absolute left-0 w-full text-[#0E3E87] text-[1.5vw];
-        bottom: 13%;
-      }
     }
   }
 }

pages/mix/index.uvue

@@ -56,11 +56,11 @@ async function getInfo() {
   }
   if (user.token === 'Basic ZW5kOmVuZA==') {
     res = await getSubjectCoursePageNoLogin({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   } else {
     res = await getSubjectCoursePage({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   }
   courseList.value = [...courseList.value, ...(res.rows || [])]
@@ -125,24 +125,24 @@ const userInfo = computed(() => user.info.value?.userInfo)
         </view>
         <scroll-view direction="vertical" :show-scrollbar="false" class="cards" ref="cardsScrollView"
           @scroll="handleScrollToLowerDebounce">
-          <view class="grid grid-cols-4 gap-4">
-            <view class="card" v-for="card in courseList" :key="card.id" :class="`category-${card.catalogId}`"
-              @tap="handleDetail(card)">
-              <view class="w-full h-[11vw] rounded-xl overflow-hidden">
-                <image :src="card?.ossIconPath" mode="aspectFill" class="w-full h-full object-cover"></image>
+          <cl-row :gutter="12">
+            <cl-col :span="6" v-for="card in courseList" :key="card.id as string">
+              <view class="card" @tap="handleDetail(card)">
+                <image :src="card?.ossIconPath as string" mode="heightFix" lazy-load
+                  class="!w-full !h-[80rpx] mb-[2px] rounded-xl"></image>
+                <cl-text ellipsis :pt="{
+                  className: '!text-[12rpx] !font-bold'
+                }">{{
+                  card.sortNum }}、{{
+                    card.mainTitle }}</cl-text>
+                <cl-text ellipsis color="#666" :pt="{
+                  className: '!text-[10rpx]'
+                }">{{
+                  card.assistantTitle }}</cl-text>
+                <Lock v-if="userInfo == null || userInfo?.memberLevel == 'default'" :record="card" type="vip" />
               </view>
-              <cl-text ellipsis :pt="{
-                className: '!text-[1.5vw] !font-bold'
-              }">{{
-                card.sortNum }}、{{
-                  card.mainTitle }}</cl-text>
-              <cl-text ellipsis color="#666" :pt="{
-                className: '!text-[1.2vw]'
-              }">{{
-                card.assistantTitle }}</cl-text>
-              <Lock v-if="userInfo?.memberLevel === 'default'" :record="card" type="vip" />
-            </view>
-          </view>
+            </cl-col>
+          </cl-row>
           <cl-loadmore :loading="loading" :finish="finish"></cl-loadmore>
         </scroll-view>
       </view>
@@ -227,39 +227,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
     }
 
     .card {
-      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3;
-      // background-color: rgba(255, 255, 255, 0.9);
-      // border-radius: 16px;
-      // padding: 16px;
+      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3 mb-[12rpx];
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      aspect-ratio: 8/9;
-
-      .card-content {
-        width: 100%;
-        height: 120px;
-        background-color: #E3F2FD;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 12px;
-        aspect-ratio: 3/4;
-
-        .question-mark {
-          font-size: 60px;
-          font-weight: bold;
-          color: #1E88E5;
-        }
-      }
 
-      .card-title {
-        @apply text-center font-bold absolute left-0 w-full text-[#0E3E87] text-[1.5vw];
-        bottom: 13%;
-      }
     }
   }
 }

pages/other/index.uvue

@@ -71,7 +71,7 @@ function handleDetail(item: any) {
                     @tap="handleDetail(course)">
                     <cl-image :src="course?.iconPath" mode="heightFix"
                         class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
-                    <text class="text-[16rpx] font-bold">{{
+                    <text class="text-[16rpx] font-bold text-[#000]">{{
                         course.mainTitle }}</text>
                     <text class="text-[12rpx] text-[#666]">{{
                         course.assistantTitle }}</text>

pages/practice/index.uvue

@@ -56,7 +56,7 @@ function handleDetail(item: any) {
           @tap="handleDetail(course)">
           <cl-image :src="course?.unitPicPath" mode="heightFix"
             class="!w-full !h-[30vh] mb-[10px] rounded-xl"></cl-image>
-          <text class="text-[4vh] font-bold">{{ course.sortNum }} 、{{
+          <text class="text-[4vh] font-bold text-[#000]">{{ course.sortNum }} 、{{
             course.name }}</text>
         </view>
       </scroll-view>

pages/programming/index.uvue

@@ -56,11 +56,11 @@ async function getInfo() {
   }
   if (user.token === 'Basic ZW5kOmVuZA==') {
     res = await getSubjectCoursePageNoLogin({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   } else {
     res = await getSubjectCoursePage({
-      catalogId: catalog.value?.id, pageSize: 12, pageNum: pageNum.value,
+      catalogId: catalog.value?.id, pageSize: 16, pageNum: pageNum.value,
     })
   }
   courseList.value = [...courseList.value, ...(res.rows || [])]
@@ -126,24 +126,24 @@ const userInfo = computed(() => user.info.value?.userInfo)
         </view>
         <scroll-view direction="vertical" :show-scrollbar="false" class="cards" ref="cardsScrollView"
           @scroll="handleScrollToLowerDebounce">
-          <view class="grid grid-cols-4 gap-4">
-            <view class="card" v-for="card in courseList" :key="card.id" :class="`category-${card.catalogId}`"
-              @tap="handleDetail(card)">
-              <view class="w-full h-[11vw] rounded-xl overflow-hidden">
-                <image :src="card?.ossIconPath" mode="aspectFill" class="w-full h-full object-cover"></image>
+          <cl-row :gutter="12">
+            <cl-col :span="6" v-for="card in courseList" :key="card.id as string">
+              <view class="card" @tap="handleDetail(card)">
+                <image :src="card?.ossIconPath as string" mode="heightFix" lazy-load
+                  class="!w-full !h-[80rpx] mb-[2px] rounded-xl"></image>
+                <cl-text ellipsis :pt="{
+                  className: '!text-[12rpx] !font-bold'
+                }">{{
+                  card.sortNum }}、{{
+                    card.mainTitle }}</cl-text>
+                <cl-text ellipsis color="#666" :pt="{
+                  className: '!text-[10rpx]'
+                }">{{
+                  card.assistantTitle }}</cl-text>
+                <Lock v-if="userInfo == null || userInfo?.memberLevel == 'default'" :record="card" type="vip" />
               </view>
-              <cl-text ellipsis :pt="{
-                className: '!text-[1.5vw] !font-bold'
-              }">{{
-                card.sortNum }}、{{
-                  card.mainTitle }}</cl-text>
-              <cl-text ellipsis color="#666" :pt="{
-                className: '!text-[1.2vw]'
-              }">{{
-                card.assistantTitle }}</cl-text>
-              <Lock v-if="userInfo?.memberLevel === 'default'" :record="card" type="vip" />
-            </view>
-          </view>
+            </cl-col>
+          </cl-row>
           <cl-loadmore :loading="loading" :finish="finish"></cl-loadmore>
         </scroll-view>
       </view>
@@ -228,39 +228,13 @@ const userInfo = computed(() => user.info.value?.userInfo)
     }
 
     .card {
-      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3;
-      // background-color: rgba(255, 255, 255, 0.9);
-      // border-radius: 16px;
-      // padding: 16px;
+      @apply rounded-2xl border-[3px] border-[#1D4BD9] border-solid border-b-[6px] relative p-1 bg-white pb-3 mb-[12rpx];
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      aspect-ratio: 8/9;
-
-      .card-content {
-        width: 100%;
-        height: 120px;
-        background-color: #E3F2FD;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 12px;
-        aspect-ratio: 3/4;
-
-        .question-mark {
-          font-size: 60px;
-          font-weight: bold;
-          color: #1E88E5;
-        }
-      }
 
-      .card-title {
-        @apply text-center font-bold absolute left-0 w-full text-[#0E3E87] text-[1.5vw];
-        bottom: 13%;
-      }
     }
   }
 }

pages/test/index.uvue

@@ -110,7 +110,7 @@ async function handleSelect(val: SubjectCatalogResult) {
     <view class="light-tag" @tap="visible = true">
       <image class="light-icon" lazy-load v-if="catalog?.ossIconPath" :src="catalog?.ossIconPath">
       </image>
-      <text class="light-text">{{ catalog?.name }}</text>
+      <text class="light-text text-[#000]">{{ catalog?.name }}</text>
       <cl-icon name="arrow-left-right-line" color="primary"></cl-icon>
     </view>
     <view class="boxs">
@@ -133,7 +133,7 @@ async function handleSelect(val: SubjectCatalogResult) {
           }" @tap="handleSelect(item)">
             <view class="select-item" :class="{ selected: item.id === catalog?.id }">
               <image :src="item?.ossIconPath" class="w-[30rpx] h-[30rpx] mb-[2px]"></image>
-              <text>{{ item.name }}</text>
+              <text class="text-[#000]">{{ item.name }}</text>
             </view>
           </cl-col>
         </cl-row>