diff --git a/src/components/ControllerTabs.vue b/src/components/ControllerTabs.vue
index 353918b..4b02a09 100644
--- a/src/components/ControllerTabs.vue
+++ b/src/components/ControllerTabs.vue
@@ -118,36 +118,36 @@
             <span>飞机控制</span>
           </div>
           <div class="butIconBox gap10 flex">
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{setPlaneState:{bit:3,state:1,count:2,param:[1,0]}}'); speakText('解锁飞机')">
               <i class="iconfont icon-jiesuo f-s-24"></i>
               <div class="m-t-5">解锁</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="confirmation('飞机加锁，螺旋桨将停转，请谨慎操作！', '加锁操作', '{setPlaneState:{bit:3,state:0,count:2,param:[0,21196]}}'); speakText('加锁,请注意安全')">
               <i class=" iconfont icon-suoding f-s-24"></i>
               <div class="m-t-5">加锁</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="dialogVisible = true; dialogTitle = '起飞高度(米)设置'; dialogItem = 'takeoffBox'; speakText('设置起飞高度')">
               <i class="iconfont icon-yangshi_icon_tongyong_departure f-s-24"></i>
               <div class="m-t-5">起飞</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{setPlaneState:{bit:7,state:1}'); speakText('悬停')">
               <i class="iconfont icon-fengzheng1 f-s-24"></i>
               <div class="m-t-5">悬停</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon" @click="speakText('继续执行航线')">
+            <el-button size="medium" type="primary" class="flex1 butIcon" @click="speakText('继续执行航线')">
               <i class="iconfont icon-duandianxufei f-s-24"></i>
               <div class="m-t-5">复航</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{setPlaneState:{bit:9,state:1}'); speakText('返航')">
               <i class="iconfont icon-yijianfanhang f-s-24"></i>
               <div class="m-t-5">返航</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{setPlaneState:{bit:5,state:1}'); speakText('降落')">
               <i class="iconfont icon-yangshi_icon_tongyong_arriving f-s-24"></i>
               <div class="m-t-5">降落</div>
@@ -162,22 +162,22 @@
             <span>挂载仓控制</span>
           </div>
           <div class="butIconBox m-b-15 gap10 flex">
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{hookConteroller:4}'); speakText('重置重量传感器')">
               <i class="iconfont icon-zhongliang f-s-24"></i>
               <div class="m-t-5">归零</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{hookConteroller:0}'); speakText('收钩')">
               <i class="iconfont icon-xiangshang f-s-24"></i>
               <div class="m-t-5">收钩</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{hookConteroller:3}'); speakText('继续放钩')">
               <i class="iconfont icon-qiyong f-s-24"></i>
               <div class="m-t-5">继续</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{hookConteroller:2}'); speakText('暂停放钩')">
               <i class="iconfont icon-xuanting-zanting f-s-24"></i>
               <div class="m-t-5">暂停</div>
@@ -189,22 +189,22 @@
             <span>摄像头控制</span>
           </div>
           <div class="butIconBox m-b-15 gap10 flex">
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{cameraController:{item:0,val:0}}'); speakText('摄像头一键回中')">
               <i class="iconfont icon-icon-rotation f-s-24"></i>
               <div class="m-t-5">回中</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{cameraController:{item:2,val:0,yaw:0,pitch:-50}}'); speakText('摄像头一键俯瞰')">
               <i class="iconfont icon-down f-s-24"></i>
               <div class="m-t-5">俯瞰</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="dialogVisible = true; dialogTitle = '摄像头控制'; dialogItem = 'cameraBox'; speakText('手动调整摄像头')">
               <i class="iconfont icon-chukong f-s-24"></i>
               <div class="m-t-5">手动</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="dialogVisible = true; dialogTitle = '摄像头控制'; dialogItem = 'cameraBox'; speakText('调整镜头焦距')">
               <i class="iconfont icon-fangda f-s-24"></i>
               <div class="m-t-5">焦距</div>
@@ -216,7 +216,7 @@
             <span>喇叭控制</span>
           </div>
           <div class="butIconBox gap10 flex">
-            <el-button size="medium" type="primary" class="butIcon">
+            <el-button size="medium" type="primary" class="flex1 butIcon">
               <i class="iconfont icon-icon-test f-s-24"></i>
               <div class="m-t-5">喊话</div>
             </el-button>
@@ -230,16 +230,16 @@
             <span>飞机调试</span>
           </div>
           <div class="butIconBox m-b-15 gap10 flex">
-            <el-button size="medium" type="primary" class="butIcon"
+            <el-button size="medium" type="primary" class="flex1 butIcon"
               @click="publishFun('{bit:11,state:1}'); speakText('校准磁罗盘')">
               <i class="iconfont icon-zhinanzhen f-s-24"></i>
               <div class="m-t-5">磁罗盘</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon" @click="speakText('校准加速度计')">
+            <el-button size="medium" type="primary" class="flex1 butIcon" @click="speakText('校准加速度计')">
               <i class="iconfont icon-zuobiaozhoupeizhixiang f-s-24"></i>
               <div class="m-t-5">加速度计</div>
             </el-button>
-            <el-button size="medium" type="primary" class="butIcon" @click="speakText('写入参数')">
+            <el-button size="medium" type="primary" class="flex1 butIcon" @click="speakText('写入参数')">
               <i class="iconfont icon-canshupeizhi f-s-24"></i>
               <div class="m-t-5">写入参数</div>
             </el-button>