qingcheng-xiaochengxu/pages/course/courseDetail/courseDetail.wxml

<!-- pages/course/courseDetail/courseDetail.wxml -->
<view class="page">
  <!-- 滚动内容 -->
  <scroll-view scroll-y class="content no-scrollbar">
    <!-- 顶部主图 -->
    <view class="hero">
      <image class="hero-img" src="{{ globalImgUrl + courseObj.image }}" mode="aspectFill" lazy-load="true" />
    </view>

    <!-- 价格 + 标题 -->
    <view class="card">
      <view class="price-row">
        <view class="price-now">
          <text class="price-num">{{ courseObj.discountPrice }}</text>
          <text class="price-suffix">元券后价</text>
        </view>
        <view class="price-origin">
          <text class="origin-text">{{ courseObj.originPrice }}元</text>
        </view>
      </view>
      <text class="title">{{ courseObj.name }}</text>
    </view>

    <!-- 课程概述 -->
    <view class="card">
      <view class="card-head">
        <image class="head-icon" src="./image/cal.png" mode="aspectFit" />
        <text class="head-text">课程概述</text>
      </view>
      <rich-text class="rt" nodes="{{ richText }}"></rich-text>
    </view>

    <!-- 占位，避免被底部栏遮挡 -->
    <view class="bottom-gap"></view>
  </scroll-view>

  <!-- 固定底部购买栏 -->
  <view class="buy-bar">
    <view class="buy-left">
      <image class="consult-icon" src="./image/messge.png" mode="aspectFit" />
      <text class="consult-text">咨询</text>
    </view>
    <view class="buy-btn" bindtap="gotoCourseOrder" data-id="{{ courseObj.id }}">
      <text class="buy-btn-text">立即购买</text>
    </view>
  </view>
</view>