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" loading="slot"
    src="https://sit-daikan.4dage.com/{{detail.thumb}}">
    <t-loading slot="loading" theme="spinner" size="40rpx" loading />
  </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> -->
      <t-button class="btn" theme="danger" size="medium" shape="round" wx:if="{{courseStaus.status ===0}}"
        bindtap="onFreeBuying">立即抢购
      </t-button>

      <t-button class="btn" theme="danger" size="medium" shape="round" bindtap="openHost"
        wx:if="{{courseStaus.status ===1}}">进入课堂</t-button>

      <t-button class="btn" size="medium" shape="round" bindtap="openHost" 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>