微信小程序开发中,添加一个预约咨询的副页面,页面内容包括当前时间和预约对象。每个预约对象作为独立的个体而存在，其单个板块上显示该预约对象的可预约时间和编号,给出所有相关代码

好的，下面是一个简单的微信小程序预约咨询副页面的代码示例，包括预约对象的数据，以及每个预约对象的可预约时间和编号展示。

1. HTML 代码

<view class="container">
  <view class="header">
    <text>当前时间：{{currentTime}}</text>
  </view>
  <view class="list">
    <block wx:for="{{appointments}}" wx:key="id">
      <view class="item">
        <view class="name">{{item.name}}</view>
        <view class="time">
          <block wx:for="{{item.times}}" wx:key="id">
            <view class="time-item">{{item.id}}: {{item.time}}</view>
          </block>
        </view>
      </view>
    </block>
  </view>
</view>

2. JS 代码

Page({
  data: {
    currentTime: '', // 当前时间
    appointments: [ // 预约对象数据
      {
        id: 1,
        name: '张三',
        times: [
          { id: 1, time: '9:00-10:00' },
          { id: 2, time: '11:00-12:00' },
          { id: 3, time: '14:00-15:00' }
        ]
      },
      {
        id: 2,
        name: '李四',
        times: [
          { id: 1, time: '10:00-11:00' },
          { id: 2, time: '13:00-14:00' },
          { id: 3, time: '15:00-16:00' }
        ]
      }
    ]
  },

  onLoad: function (options) {
    const date = new Date();
    const year = date.getFullYear();
    const month = this.formatNumber(date.getMonth() + 1);
    const day = this.formatNumber(date.getDate());
    const hour = this.formatNumber(date.getHours());
    const minute = this.formatNumber(date.getMinutes());
    const second = this.formatNumber(date.getSeconds());
    this.setData({
      currentTime: `${year}-${month}-${day} ${hour}:${minute}:${second}`
    });
  },

  // 补零函数
  formatNumber: function (n) {
    n = n.toString()
    return n[1] ? n : '0' + n
  }
})

3. CSS 代码

.container {
  display: flex;
  flex-direction: column;
  margin: 20px;
}

.header {
  margin-bottom: 20px;
  font-size: 16px;
}

.list {
  display: flex;
  flex-direction: column;
}

.item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.name {
  flex: 1;
  font-size: 16px;
}

.time {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
}

.time-item {
  width: 33.33%;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
}

以上代码仅供参考，具体实现根据实际需求进行调整。