<!-- pages/course/createCourseOrder/createCourseOrder.wxml -->
<view class="flex-col page">
  <view class="flex-col content">
    <view class="flex-row items-center section">
      <image
        class="shrink-0 image"
        src="{{ globalImgUrl + courseObj.image }}"
      />
      <view class="flex-col flex-1 ml-11">
        <text class="self-start text">{{ courseObj.name }}</text>
        <view class="flex-row items-center self-stretch group mt-15">
          <text class="text_2">￥{{ courseObj.discountPrice }}</text>
          <view class="flex-col justify-start relative ml-1">
            <text class="text_3">￥{{ courseObj.originPrice }}</text>
            <view class="divider pos"></view>
          </view>
        </view>
      </view>
    </view>
    <view class="flex-row justify-between items-center section_2 mt-14">
      <text class="font">商品价格</text>
      <text class="font text_4">￥{{ courseObj.discountPrice }}</text>
    </view>
    <view class="flex-row justify-between items-center section_3 mt-14">
      <view class="flex-row items-center">
        <image
          class="shrink-0 image_2"
          src="./image/wxpay.png"
        />
        <text class="font ml-12">微信支付</text>
      </view>
      <radio-group class="image_3">
        <radio checked="true"></radio>
      </radio-group>
    </view>
  </view>
  <!-- 固定在底部的区域 -->
  <view class="footer">
    <view class="flex-row justify-between items-center section_4">
      <text class="font text_5">应付￥{{ courseObj.discountPrice }}</text>
      <view class="flex-col justify-center items-center text-wrapper" bindtap="createOrder">
        <text class="font text_6">立即支付</text>
      </view>
    </view>
  </view>

  <view wx:if="{{isMaskVisible}}" class="page-mask"></view>
</view>
