评论

#小程序云开发挑战赛#-易约行-pepsi

#小程序云开发挑战赛#-易约行-pepsi

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

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

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

架构图:

效果截图:

功能代码展

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

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

  <view class='liststyle='width:{{ width }}rpx'>

   <view bindtap="selectwx:for="{{ calendar }}wx:for-item="itemwx:for-index="indexdata-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="timeItemwx:for-index="timeIndexdata-Tindex="{{ timeIndex }}data-time="{{ timeItem.time}}bindtap='selectTimeclass='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>


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

最后一次编辑于  09-09  
点赞 0
收藏
评论

1 个评论

登录 后发表内容