appointment-success.wxml 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!--module/order/pages/confirme-success/confirme-success.wxml-->
  2. <t-navbar title="预约成功" left-arrow />
  3. <scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  4. <view class="success-container">
  5. <!-- 标题 -->
  6. <view class="success-title">预约成功</view>
  7. <!-- 预约详情 -->
  8. <view class="appointment-details">
  9. <view class="detail-item">
  10. <text class="detail-label">预约项目:</text>
  11. <text class="detail-value">{{appointmentInfo.name}}</text>
  12. </view>
  13. <view class="detail-item">
  14. <text class="detail-label">开始服务时间:</text>
  15. <text class="detail-value">{{appointmentInfo.appointmentTime}}</text>
  16. </view>
  17. <view class="detail-item">
  18. <text class="detail-label">服务时长:</text>
  19. <text class="detail-value">{{appointmentInfo.duration}}分钟</text>
  20. </view>
  21. </view>
  22. <!-- 提示信息 -->
  23. <view class="tip-message">
  24. <text class="tip-text">请保持电话畅通, 30分钟内将有工作人员与您联</text>
  25. <text class="tip-text">系</text>
  26. </view>
  27. </view>
  28. </scroll-view>
  29. <!-- 返回按钮 -->
  30. <view class="return-footer" style="padding-bottom: {{container.safeBottomOffset}}px;">
  31. <view class="return-btn" bindtap="onReturn">
  32. 返回
  33. </view>
  34. </view>