fix 切图工具样式优化

 <!--
 <!--
  * @Date: 2025-01-22 11:40:12
  * @Date: 2025-01-22 11:40:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-03-05 16:10:58
+ * @LastEditTime: 2025-03-05 17:03:20
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -432,7 +432,7 @@ const rotateMap = (deltaAngle) => {
   // 检查是否超出 -10 到 10 的范围
   // 检查是否超出 -10 到 10 的范围
   if (newRotation > 10 || newRotation < -10) {
   if (newRotation > 10 || newRotation < -10) {
     ElMessage({
     ElMessage({
-      message: '超过操作范围',
+      message: '旋转角度到达极限',
       type: 'warning',
       type: 'warning',
       plain: true,
       plain: true,
     })
     })
@@ -520,7 +520,7 @@ const rotateMap = (deltaAngle) => {
     // 1秒后重置旋转状态
     // 1秒后重置旋转状态
     setTimeout(() => {
     setTimeout(() => {
       isRotating.value = false;
       isRotating.value = false;
-    }, 1000);
+    }, 300);
   };
   };
 };
 };
 
 
@@ -660,8 +660,9 @@ const onRatioBlur = () => {
 
 
 
 
 .controls-container {
 .controls-container {
+  opacity: 0.7;
   position: absolute;
   position: absolute;
-  top: 8rem;
+  top: 5rem;
   right: 10px;
   right: 10px;
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;