<view class="flex-col page">
  <view class="flex-col">
    <view class="flex-col">
      <image class="image" src="{{ globalImgUrl + courseObj.image }}" />
      <view class="flex-col section">
        <view class="flex-row items-center group">
          <view class="shrink-0 group_2">
            <text class="text">{{ courseObj.discountPrice }}</text>
            <text class="font text_2">元券后价</text>
          </view>
          <view class="ml-4 flex-col justify-start items-start shrink-0 relative group_3">
            <text class="font text_3">{{ courseObj.originPrice }}元</text>
            <view class="divider pos"></view>
          </view>
        </view>
        <text class="group text_4 mt-9">{{ courseObj.name }}</text>
      </view>
    </view>
    <view class="mt-26 flex-col section_2">
      <view class="flex-row items-center group_4">
        <image class="image_2" src="./image/cal.png" />
        <text class="ml-6 font text_5">课程概述</text>
      </view>
      <rich-text class="section_3" nodes="{{ richText }}"></rich-text>
    </view>
  </view>
  <view class="flex-row justify-between items-center section_4 mt-37">
    <view class="flex-col items-center">
      <image class="image_3" src="./image/messge.png" />
      <text class="text_7 mt-1">咨询</text>
    </view>
    <view class="flex-col justify-start items-center text-wrapper" bind:tap="gotoCourseOrder" data-id="{{ courseObj.id }}">
      <text class="text_6">立即购买</text>
    </view>
  </view>
</view>