修复bug3608

pages/orderFood/index.vue

@@ -5,8 +5,10 @@
       <NavBar :title="navTitle" only-home />
       <view class="top-info">桌号：{{ displayTableNumber }}</view>
       <view class="search-box">
-        <image :src="getFileUrl('img/personal/search.png')" mode="widthFix" class="search-icon"></image>
-        <input type="text" placeholder="请输入菜品名称" class="search-input" />
+        <view class="search-box-inner">
+          <image :src="getFileUrl('img/personal/search.png')" mode="widthFix" class="search-icon"></image>
+          <input type="text" placeholder="搜索菜品名称" class="search-input" />
+        </view>
       </view>
     </view>
     <view class="content">
@@ -846,21 +848,33 @@ onUnload(() => {
   margin-top: 20rpx;
   display: flex;
   align-items: center;
+  justify-content: center;
   padding: 0 30rpx;
   box-sizing: border-box;
 
+  .search-box-inner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   .search-icon {
     width: 34rpx;
     height: 34rpx;
-    margin-right: 16rpx;
+    flex-shrink: 0;
+    display: block;
   }
 
   .search-input {
-    flex: 1;
+    width: 200rpx;
+    height: 80rpx;
+    line-height: 80rpx;
     font-size: 28rpx;
     color: #333;
     background: transparent;
     border: none;
+    text-align: center;
+    vertical-align: middle;
   }
 }