fix

src/views/hall/index.vue

@@ -203,29 +203,29 @@ onMounted(() => {
 .task-list {
   .task-card {
     background: rgba(255, 255, 255, 0.05);
-    border-radius: min(3.2vw, 15.36px);
-    padding: min(3.733vw, 17.92px);
-    margin-bottom: min(2.667vw, 12.8px);
+    border-radius: min(2.667vw, 12px);
+    padding: min(2.667vw, 12px);
+    margin-bottom: min(2.133vw, 10px);
 
     .task-header {
-      margin-bottom: min(2.667vw, 12.8px);
+      margin-bottom: min(1.6vw, 8px);
 
       .category-tag {
         display: inline-block;
         background: rgba(255, 195, 0, 0.2);
         color: #ffc300;
-        padding: min(1.067vw, 5.12px) min(2.667vw, 12.8px);
-        border-radius: min(1.067vw, 5.12px);
-        font-size: min(3.2vw, 15.36px);
+        padding: min(0.8vw, 4px) min(2.133vw, 10px);
+        border-radius: min(0.8vw, 4px);
+        font-size: min(2.933vw, 14px);
       }
     }
 
     .task-body {
       .task-title {
-        font-size: min(3.733vw, 17.92px);
+        font-size: min(3.467vw, 16px);
         color: #fff;
-        margin-bottom: min(2.667vw, 12.8px);
-        line-height: 1.4;
+        margin-bottom: min(1.6vw, 8px);
+        line-height: 1.3;
       }
 
       .task-footer {
@@ -234,13 +234,13 @@ onMounted(() => {
         align-items: center;
 
         .price {
-          font-size: min(4.8vw, 23px);
+          font-size: min(4.267vw, 20px);
           font-weight: bold;
           color: #ffc300;
         }
 
         .remaining {
-          font-size: min(3.2vw, 15.36px);
+          font-size: min(2.933vw, 14px);
           color: rgba(255, 255, 255, 0.5);
         }
       }

src/views/task/detail.vue

@@ -75,17 +75,17 @@
       <div class="tab-header">
         <div
           class="tab-item"
-          :class="{ active: activeTab === 'steps' }"
-          @click="activeTab = 'steps'"
+          :class="{ active: activeTab === 'intro' }"
+          @click="activeTab = 'intro'"
         >
-          {{ $t('task.taskSteps') }}
+          {{ $t('task.taskIntro') }}
         </div>
         <div
           class="tab-item"
-          :class="{ active: activeTab === 'intro' }"
-          @click="activeTab = 'intro'"
+          :class="{ active: activeTab === 'steps' }"
+          @click="activeTab = 'steps'"
         >
-          {{ $t('task.taskIntro') }}
+          {{ $t('task.taskSteps') }}
         </div>
         <div
           class="tab-item"
@@ -268,7 +268,7 @@ const applyInfo = ref<any>(null);
 const claiming = ref(false);
 const showReject = ref(false);
 const showGuide = ref(false);
-const activeTab = ref<'steps' | 'intro' | 'examples'>('steps');
+const activeTab = ref<'steps' | 'intro' | 'examples'>('intro');
 
 // 格式化奖励金额（后端返回的是分，需要转换为元）
 const formatReward = (amount: number | string | undefined) => {