Просмотр исходного кода

fix(remote-control): 修复遥控器界面按钮布局和交互功能

- 修复了按钮样式中的拼写错误(align="middle"后缺少空格)
- 调换了左右脚配置按钮与拍照按钮的位置
- 恢复了配置按钮的原始文字显示(左脚配置/右脚配置)
- 保留了鼠标右键切换配置的功能提示和事件绑定
- 重新排列了按钮行的顺序以匹配预期布局结构
panqiuyao 18 часов назад
Родитель
Сommit
57a8dbb5d0
1 измененных файлов с 7 добавлено и 7 удалено
  1. 7 7
      frontend/src/views/RemoteControl/index.vue

+ 7 - 7
frontend/src/views/RemoteControl/index.vue

@@ -8,18 +8,18 @@
   <div class="remote-control_main-container">
     <div class="te-c"  style="color: #8C92A7">遥控器模拟器</div>
 
-    <el-row align="middle"class="mar-top-20" >
+    <el-row align="middle" class="mar-top-20">
       <el-col :span="3"></el-col>
-      <el-col :span="6"><div class="button up"  @click="handleLeftRightClick($event, 'left')"><span style="font-size: 12px;">左脚配置</span></div></el-col>
-      <el-col :span="6"></el-col>
-      <el-col :span="6"><div class="button up"  @click="handleLeftRightClick($event, 'right')"><span style="font-size: 12px;">右脚配置</span></div></el-col>
+      <el-col :span="6"><div class="button up" title="单击鼠标右键可切换配置" @click="runLeft" @contextmenu="handleLeftRightClick($event, 'left')">左脚</div></el-col>
+      <el-col :span="6"><div class="button up" @click="run_take_picture">拍照</div></el-col>
+      <el-col :span="6"><div class="button up" title="单击鼠标右键可切换配置" @click="runRight" @contextmenu="handleLeftRightClick($event, 'right')">右脚</div></el-col>
       <el-col :span="3"></el-col>
     </el-row>
     <el-row align="middle" >
       <el-col :span="3"></el-col>
-      <el-col :span="6"><div class="button up" title="单击鼠标右键可切换配置" @click="runLeft" @contextmenu="handleLeftRightClick($event, 'left')">左脚</div></el-col>
-      <el-col :span="6"><div class="button up" @click="run_take_picture">拍照</div></el-col>
-      <el-col :span="6"><div class="button up" title="单击鼠标右键可切换配置" @click="runRight" @contextmenu="handleLeftRightClick($event, 'right')">右脚</div></el-col>
+      <el-col :span="6"><div class="button up"  @click="handleLeftRightClick($event, 'left')"><span style="font-size: 12px;">左脚配置</span></div></el-col>
+      <el-col :span="6"></el-col>
+      <el-col :span="6"><div class="button up"  @click="handleLeftRightClick($event, 'right')"><span style="font-size: 12px;">右脚配置</span></div></el-col>
       <el-col :span="3"></el-col>
     </el-row>
     <el-row align="middle">