fix

src/components/Layout/DetailHeader/DetailHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Star, StarFilled } from '@element-plus/icons-vue'
-import { onMounted, reactive, ref, computed } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 import { useRoute } from 'vue-router'
 import { useToolsStore } from '@/store/modules/tools'
 import { ElMessage } from 'element-plus'

src/components/Tools/Barrage/Barrage.vue

@@ -87,7 +87,7 @@ onBeforeMount(() => {
     <div class="p-4 rounded-2xl bg-white">
       <div class="flex mb-2">
         <el-text class="w-20">弹幕内容:</el-text>
-        <div class="w-72"><el-input v-model="info.content" type="textarea" rows="3"></el-input></div>
+        <div class="w-72"><el-input v-model="info.content" type="textarea" :rows="3" placeholder="可在此输入弹幕内容"></el-input></div>
       </div>
 
       <div class="flex mb-2">

src/components/Tools/Emoji/Emoji.vue

@@ -2,7 +2,6 @@
 import { ref, computed } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
-import { ElMessage } from 'element-plus'
 import { copy } from '@/utils/string'
 
 const title = "Emoji表情大全"

src/components/Tools/ImageColorPicker/ImageColorPicker.vue

@@ -140,7 +140,7 @@ const handleImageClick = (e: MouseEvent) => {
     const ctx = canvas.value.getContext('2d');
     if (ctx) {
       const pixel = ctx.getImageData(x, y, 1, 1).data;
-      const [r, g, b, a] = pixel;
+      const [r, g, b] = pixel;
       
       // 转换为各种颜色格式
       const hex = rgbToHex(r, g, b);

src/components/Tools/Qrcode/Qrcode.vue

@@ -63,7 +63,7 @@ const gen = () => {
       <div class="w-4/6 ">
         <div class="flex mb-3">
           <div class="w-16 mr-2"><el-text>内容</el-text></div>
-          <el-input v-model="info.content" type="textarea" rows="3" class="w-full" placeholder="可在此输入文字或网址"></el-input>
+          <el-input v-model="info.content" type="textarea" :rows="Number(3)" class="w-full" placeholder="可在此输入文字或网址"></el-input>
         </div>
         <div class="flex mb-3">
           <div class="w-16 mr-2"><el-text>尺寸</el-text></div>

src/components/Tools/ReactionTest/ReactionTest.vue

@@ -87,7 +87,7 @@ import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
 
 const title = "反应速度测试"
 
-const testArea = ref<HTMLElement | null>(null);
+// 移除未使用的 testArea 引用
 const testStatus = ref<'ready' | 'waiting' | 'active' | 'completed'>('ready');
 const reactionTime = ref(0);
 const testHistory = ref<number[]>([]);

src/components/Tools/TextWorkflow/TextWorkflow.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import { ArrowDown, ArrowUp, Delete } from '@element-plus/icons-vue'
 import { copy } from '@/utils/string'
 

src/components/Tools/Wheel/Wheel.vue

@@ -79,7 +79,7 @@ const optionsText = ref('');
 const options = ref<string[]>([]);
 const isSpinning = ref(false);
 const result = ref<string>('');
-const wheel = ref<HTMLElement | null>(null);
+// const wheel = ref<HTMLElement | null>(null);
 const rotation = ref(0);
 
 // 颜色列表
@@ -136,9 +136,9 @@ const getSectorStyle = (index: number) => {
   const endX = centerX + radius * Math.cos((endAngle - 90) * Math.PI / 180);
   const endY = centerY + radius * Math.sin((endAngle - 90) * Math.PI / 180);
   
-  const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+  // const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
   
-  const path = `M ${centerX} ${centerY} L ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY} Z`;
+  // const path = `M ${centerX} ${centerY} L ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY} Z`;
   
   return {
     backgroundColor: colors[index % colors.length],

src/components/Tools/WordFrequency/WordFrequency.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
 import { ElMessage } from 'element-plus'