微信小程序开发：按钮输入框调整到一行并自动适应大小

扫码获取物品编号 点击查找 微信小程序开发代码实现按钮输入框调整到一行中，自动调整大小怎么修改wxml.wxss代码内容：要将按钮和输入框调整到一行中，并自动调整大小，可以在wxss文件中添加以下代码：

.scan-barcode {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.mail-input {
  flex: 1;
}

.scan-btn,
.query-btn {
  flex: 0 0 auto;  /* 自动调整大小 */
}

然后在wxml文件中将相应的代码修改为：

<view class="scan-barcode">
  <input class="mail-input" placeholder="或手动输入物品编号" bindinput="inputMailNumber" value="{{mailNumber}}"/>
  <button class="scan-btn" bindtap="scanBarcode">扫码获取物品编号</button>
  <button class="query-btn" bindtap="search">点击查找</button>
</view>

这样就可以将按钮和输入框调整到一行中，并且按钮会自动调整大小。