微信小程序选择就餐人数

在微信小程序中选择就餐人数通常可以通过以下步骤实现：

1. **界面设计**：
- 创建一个页面，包含一个标题和一组按钮，每个按钮代表一个就餐人数。
- 使用`<view>`标签来布局按钮。

2. **按钮功能**：
- 使用`<button>`标签或自定义的`<view>`标签来创建按钮。
- 为每个按钮添加点击事件，事件处理函数将记录用户选择的就餐人数。

3. **数据绑定**：
- 使用数据绑定将用户选择的就餐人数存储在页面的`data`对象中。

4. **示例代码**：

<!-- index.wxml -->
<view class="container">
  <text class="title">请选择就餐人数</text>
  <view class="button-group">
    <button class="number-button" bindtap="selectNumber" data-number="1">1人</button>
    <button class="number-button" bindtap="selectNumber" data-number="2">2人</button>
    <button class="number-button" bindtap="selectNumber" data-number="3">3人</button>
    <button class="number-button" bindtap="selectNumber" data-number="4">4人</button>
    <button class="number-button" bindtap="selectNumber" data-number="5">5人</button>
    <button class="number-button" bindtap="selectNumber" data-number="6">6人及以上</button>
  </view>
</view>

// index.js
Page({
  data: {
    selectedNumber: null
  },
  
  selectNumber: function(event) {
    const number = event.currentTarget.dataset.number;
    this.setData({
      selectedNumber: number
    });
    
    wx.showToast({
      title: '已选择' + number + '人',
      icon: 'success',
      duration: 2000
    });
    
    // 可以在这里处理选择后的逻辑，比如跳转到下一个页面
  }
});

/* index.wxss */
.container {
  padding: 20px;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-button {
  width: 48%;
  margin-bottom: 10px;
}

通过以上步骤，用户可以在微信小程序中选择就餐人数，并进行后续的操作。