swkz_wx/pages/course_detail/course_detail.wxml

<!--pages/course_detail/course_detail.wxml-->
<view class="detail-container">
  <t-image class="banner" id="loading-img" shape="round" mode="scaleToFill"  error="slot"  loading="slot"
    src="{{detail.thumb}}">
    <t-loading slot="loading" theme="spinner" size="40rpx" loading />
    <text class="error-text" slot="error">加载失败</text>
  </t-image>

  <view class="detail-content">

    <view class="title-info">
      <view class="hugo_price">
        ¥ {{detail.fee}}
      </view>
      <view class="hugo_title">
        {{detail.title}}
      </view>
      <div class="sub_cotnainer">
        <text class="sub_title">{{detail.organization}}-</text>

        <view class="sub_time">
          <image class="time" src="../../imgs/time.png"></image>
          <text>{{detail.duration}}分钟</text>
        </view>

      </div>
    </view>

    <view class="detail_content">
      <view class="detail_title"> 课程详情</view>
      <view class="content">
        {{detail.rtf}}
      </view>
    </view>

  </view>

  <view class="bottom_panel">
    <view class="left">
      <t-count-down class="count" size="small" content="default" time="{{ courseStaus.time }}" format="HH:mm:ss:SSS"
        theme="square" millisecond> </t-count-down>
      <text class="desc"
        wx:if="{{courseStaus.status === 0 || courseStaus.status === 2}}">开课时间:{{courseStaus.showTime}}</text>
      <text class="desc" wx:if="{{courseStaus.status ===1}}">开课时间: 进行中</text>
    </view>

    <view class="right">
      <!-- <button class="btn">立即抢购</button> -->
      <!-- {{courseStaus.status}} -->
      <block wx:if="{{courseStaus.status === 0 }}">

        <t-button class="btn" theme="danger" size="medium" shape="round" wx:if="{{detail.isBuy=== 0}}"
          bindtap="onFreeBuying">立即抢购
        </t-button>
        <t-button class="btn" theme="danger" size="medium" shape="round" bindtap="openCouse" wx:else>等待开课</t-button>
      </block>

      <block wx:if="{{courseStaus.status === 1 }}">
        <t-button class="btn" theme="danger" size="medium" shape="round" wx:if="{{detail.isBuy=== 0}}"
          bindtap="onFreeBuying">立即抢购
        </t-button>
        <t-button class="btn" theme="danger" size="medium" shape="round" bindtap="openCouse" wx:else>进入课堂</t-button>
      </block>

      <t-button class="btn" size="medium" shape="round" wx:if="{{courseStaus.status ===2}}" disabled>
        课程结束</t-button>
    </view>

  </view>
  <t-dialog visible="{{imageOnTop}}" title="限时免费" content="当前课堂限时免费啦!!"
    confirm-btn="{{ {content: '抢购', variant: 'base', theme: 'danger' } }}"
    cancel-btn="{{ {content: '关闭', variant: 'base', theme: 'default' } }}" bind:confirm="confirmDialog"
    bind:cancel="closeDialog">
    <!-- <t-image slot="top" t-class="dialog-image" src="https://tdesign.gtimg.com/mobile/demos/dialog1.png" /> -->
  </t-dialog>
  <t-toast id="t-toast" />
</view>