应用场景：各个具备公共设施且需要限流的场所

目标用户：需要对公共设施进行限流并有秩序管理的单位

实现思路：通过对不同时间段的拆分，实现自由选择，自由预约，最终凭借预约成功画面出入目标场所

架构图：

效果截图：

功能代码展

功能代码展示：<view class='containt'>

 <scroll-view class="scroll-view_H" scroll-x>

  <view class='list' style='width:{{ width }}rpx'>

   <view bindtap="select" wx:for="{{ calendar }}" wx:for-item="item" wx:for-index="index" data-index="{{ index }}" class='listItem {{index==currentIndex? "current":""}}' wx:key='' data-date="{{ item.date}}">

    <text class='name'>{{ item.week }}</text>

    <text class='date'>{{ item.date }}</text>

   </view>

  </view>

 </scroll-view>

 <view class='time'>

  <view wx:for="{{ timeArr }}" wx:for-item="timeItem" wx:for-index="timeIndex" data-Tindex="{{ timeIndex }}" data-time="{{ timeItem.time}}" bindtap='selectTime' class='listItem {{ currentTime==timeIndex? "current":"" }}' wx:key=''>

   <text>{{ timeItem.time }}</text>

   <text>{{ timeItem.status }}</text>

  </view>

 </view>

 <view class='operate'>

 <navigator url="/pages/chenggong/chenggong"> <button class='save'>保存</button></navigator>

 </view>

 <view>

 <text>该预约仅为预约进入时段，若需要长时间学习无须多次预约</text>

 </view>

</view>

团队简介：第一次接触小程序设计，我们不畏险阻，迎难而上！