1

pages/index/components/mix.uvue

@@ -45,10 +45,10 @@ function handleDetail(item: any) {
     <scroll-view class="scroll-view_H" direction="horizontal" :show-scrollbar="false">
       <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-[26vh] mb-[2px] rounded-xl"></cl-image>
-        <text class="text-[4vh] font-bold">{{
+        <cl-image :src="course?.iconPath" mode="heightFix" class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
+        <text class="text-[16rpx] font-bold">{{
           course.mainTitle }}</text>
-        <text class="text-[3vh] text-[#666]">{{
+        <text class="text-[12rpx] text-[#666]">{{
           course.assistantTitle }}</text>
       </view>
     </scroll-view>
@@ -77,6 +77,8 @@ function handleDetail(item: any) {
 }
 
 .scroll-view-item_H {
-  @apply w-[40vh] h-[50vh] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
+  @apply w-[140rpx] h-[160rpx] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
+  max-width: 200px;
+  max-height: 250px;
 }
 </style>

pages/index/components/other.uvue

@@ -41,10 +41,10 @@ function handleDetail(item: any) {
             <view class="scroll-view-item_H bg-[white]" v-for="course in dataList || []" :key="course.type"
                 @tap="handleDetail(course)">
                 <cl-image :src="course?.iconPath" mode="heightFix"
-                    class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
-                <text class="text-[4vh] font-bold">{{
+                    class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
+                <text class="text-[16rpx] font-bold">{{
                     course.mainTitle }}</text>
-                <text class="text-[3vh] text-[#666]">{{
+                <text class="text-[12rpx] text-[#666]">{{
                     course.assistantTitle }}</text>
             </view>
         </scroll-view>
@@ -73,6 +73,6 @@ function handleDetail(item: any) {
 }
 
 .scroll-view-item_H {
-    @apply w-[40vh] h-[50vh] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
+    @apply w-[140rpx] h-[160rpx] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
 }
 </style>

pages/index/components/programming.uvue

@@ -46,10 +46,10 @@ function handleDetail(item: any) {
     <scroll-view class="scroll-view_H" direction="horizontal" :show-scrollbar="false">
       <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-[26vh] mb-[2px] rounded-xl"></cl-image>
-        <text class="text-[4vh] font-bold">{{
+        <cl-image :src="course?.iconPath" mode="heightFix" class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
+        <text class="text-[16rpx] font-bold">{{
           course.mainTitle }}</text>
-        <text class="text-[3vh] text-[#666]">{{
+        <text class="text-[12rpx] text-[#666]">{{
           course.assistantTitle }}</text>
       </view>
     </scroll-view>
@@ -78,6 +78,6 @@ function handleDetail(item: any) {
 }
 
 .scroll-view-item_H {
-  @apply w-[40vh] h-[50vh] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
+  @apply w-[140rpx] h-[160rpx] mr-[20px] rounded-2xl border-b-[10px] p-1 flex items-center justify-between pb-[20px];
 }
 </style>

pages/other/index.uvue

@@ -70,10 +70,10 @@ 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-[26vh] mb-[2px] rounded-xl"></cl-image>
-                    <text class="text-[4vh] font-bold">{{
+                        class="!w-full !h-[85rpx] mb-[2px] rounded-xl"></cl-image>
+                    <text class="text-[16rpx] font-bold">{{
                         course.mainTitle }}</text>
-                    <text class="text-[3vh] text-[#666]">{{
+                    <text class="text-[12rpx] text-[#666]">{{
                         course.assistantTitle }}</text>
                 </view>
             </scroll-view>
@@ -99,7 +99,7 @@ function handleDetail(item: any) {
 }
 
 .scroll-view-item_H {
-    @apply w-[50vh] h-[50vh] mr-[20px] rounded-2xl border-[5px] border-[#1D4BD9] border-solid border-b-[10px] p-1 flex items-center relative;
+    @apply w-[140rpx] h-[160rpx] mr-[20px] rounded-2xl border-[5px] border-[#1D4BD9] border-solid border-b-[10px] p-1 flex items-center relative;
 }
 
 .light-tag {