修正异常

Author: AshXiong

src/components/ProgressiveSidebar.vue

@@ -31,7 +31,7 @@ const rangeConfigs = {
       <div :class="['arrow-icon', { 'is-active': isOpen }]"></div>
     </button>
 
-    <div class="sidebar-inner" v-if="isOpen">
+    <div class="sidebar-inner">
       <h3 class="sidebar-title">训练设置</h3>
 
       <div class="range-setting-container">
@@ -56,6 +56,20 @@ const rangeConfigs = {
         </div>
       </div>
     </div>
+
+    <div class="setting-tips">
+      <div class="tips-header">
+        <span class="tips-title">调节建议</span>
+      </div>
+      <ul class="tips-list">
+        <li>
+          <strong>先准后快：</strong> 双拼初期由于键位陌生，速度会比全拼慢，这很正常。切勿盲目加速，错误的肌肉记忆很难纠正。请务必确保<span class="highlight">准确率优先（95%+）</span>，速度自然水到渠成。
+        </li>
+        <li>
+          <strong>速度参考：</strong> 0-40 WPM 新手（键位记忆阶段，需看键盘或思考）， 40-60 WPM 入门（形成肌肉记忆，不再卡顿），60-80 WPM 舒适区（日常基准线，注意力回归内容），80+ WPM 精通（行云流水，人机合一）。
+        </li>
+      </ul>
+    </div>
   </aside>
 </template>
 
@@ -207,5 +221,54 @@ const rangeConfigs = {
       }
     }
   }
+
+  .setting-tips {
+    margin-top: 8px;
+    padding: 16px;
+    background: rgba(0, 0, 0, 0.03); 
+    border-radius: 12px;
+    border-left: 3px solid @primary-color;
+
+    .tips-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 10px;
+
+      .tips-icon {
+        font-size: 1.1rem;
+      }
+
+      .tips-title {
+        font-size: 0.85rem;
+        font-weight: bold;
+        color: var(--black);
+        opacity: 0.8;
+      }
+    }
+
+    .tips-list {
+      margin: 0;
+      padding-left: 18px; 
+      list-style-type: disc;
+
+      li {
+        font-size: 0.75rem;
+        line-height: 1.6;
+        color: var(--black);
+        opacity: 0.6;
+        margin-bottom: 6px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .highlight {
+          color: @primary-color;
+          font-weight: bold;
+        }
+      }
+    }
+  }
 }
 </style>

src/components/SingleMode.vue

@@ -172,7 +172,7 @@ watchPostEffect(() => {
       hanziSeq.value.unshift(newChar);
       hanziSeq.value.pop();
       isValid.value = false;
-    }, 100);
+    }, 30);
   }
 });
 

src/pages/ProgressiveMode.vue

@@ -6,21 +6,14 @@ import { useProgressiveLogic } from "../utils/useProgressiveLogic";
 import SingleMode from "../components/SingleMode.vue";
 import { progressiveKeys } from "../utils/pinyin";
 
-const CONFIG = {
-  TARGET_ACCURACY: 0.95,
-  TARGET_COUNT: 20,
-  TARGET_SPEED: 35,
-};
-
 const getTargetCount = (index: number) => {
   const PREVIEW_SIZE = 10;
   const MIN_TRAINING_SIZE = 15;
   const difficultyBonus = Math.floor(index / 3) * 5;
   return PREVIEW_SIZE + MIN_TRAINING_SIZE + difficultyBonus;
 };
-
 const store = useStore();
-const { currentProgressiveIndex } = storeToRefs(store);
+const { currentProgressiveIndex, settings } = storeToRefs(store);
 const singleModeRef = ref();
 
 const { hanziList, getNextChar } = useProgressiveLogic(currentProgressiveIndex);
@@ -32,17 +25,20 @@ const isPerformanceMet = (stats: {
 }) => {
   const targetCount = getTargetCount(currentProgressiveIndex.value);
   const currentKey = progressiveKeys[currentProgressiveIndex.value];
+
+  const targetAcc = settings.value.targetAccuracy / 100;
+  const targetSpd = settings.value.targetSpeed;
+
   const keyStat = latestKeysAccuracy.value.find(
     (item) => item.key === currentKey,
   );
-  const isKeyMastered = keyStat
-    ? keyStat.accuracy >= CONFIG.TARGET_ACCURACY
-    : false;
+
+  const isKeyMastered = keyStat ? keyStat.accuracy >= targetAcc : false;
 
   return (
-    stats.accuracy >= CONFIG.TARGET_ACCURACY &&
+    stats.accuracy >= targetAcc &&
     isKeyMastered &&
-    stats.speed >= CONFIG.TARGET_SPEED &&
+    stats.speed >= targetSpd &&
     stats.count >= targetCount
   );
 };