templates.wxml 2.5 KB
<template name="experiment">
  <view class='experiment_box'>
    <view class="title_box">
      <view class="line"></view>
      <text wx:if="{{is_this_week}}">本周实验</text>
      <text wx:if="{{!is_this_week}}">往期实验</text>
    </view>

      <view wx:for="{{info}}" wx:key="index" data-index="{{index}}" bindtap="goTestDetail">
          <view class="test_box">
              <view class="time">{{item.time}}</view>
              <view class="img_box">
                  <image src="{{item.url}}"></image>
              </view>
          </view>

          <view class="order_box">
              <text wx:if="{{!ordered && !is_past}}" catchtap="goAppointment" data-index="{{index}}">前往预约</text>
              <text wx:if="{{is_past}}">查看</text>
          </view>
      </view>
  </view>
</template>

<template name="modal">
    <!--是否购买畅玩卡弹窗-->
    <view class="modal_box" wx:if="{{is_showModal}}" catchtouchmove="disableScroll">
        <view class="background"
              bindtap="handleBackground"
              wx:if="{{is_showModal}}"
              catchtouchmove="disableScroll">
        </view>
        <view class="modalBackground  Augly-bouncein">
            <view class="modal">
                <view class="tips-word">当前学员还没有购买/兑换畅玩卡,暂不能预约实验活动,是否马上购买/兑换?</view>
                <view class="yes-no-btn">
                    <text bindtap="chooseNo" class="{{currentBtn == 0?'change-color':''}}" data-index="{{0}}">否</text>
                    <text bindtap="chooseYes" class="{{currentBtn == 1?'change-color':''}}" data-index="{{1}}">是</text>
                </view>
            </view>
        </view>
    </view>
</template>

<template name="state-modal">
    <!--预约成功弹窗-->
    <view class="modal_box" wx:if="{{is_showSuccessModal}}" catchtouchmove="disableScroll">
        <view class="background"
              bindtap="handleBackground"
              wx:if="{{is_showSuccessModal}}"
              catchtouchmove="disableScroll">
        </view>
        <view class="modalBackground  Augly-bouncein">
            <view class="success-modal">
                <image src="../../../images/success.jpg"></image>
                <view class="congratulations">恭喜您</view>
                <view class="appointment-success">您已经预约成功!</view>
                <view class="confirm-btn" bindtap="modalConfirm">确定</view>
            </view>
        </view>
    </view>
</template>