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

<view class="flex-col page">
  <text class="self-center text">{{ courseType }}</text>
  <image class="shrink-0 self-start image image_2" src="./image/line.png" />
  <image class="shrink-0 self-end image image_3" src="./image/line.png" />

  <view class="flex-col self-stretch list">
    <!-- 遍历接口返回的 items 数组 -->
    <view
      class="flex-col list-item"
      wx:for="{{courseList}}"
      wx:for-item="item"
      wx:for-index="index"
      wx:key="id"
    >
      <view
        class="flex-row items-center relative group"
        bindtap="gotoCourseDetail"
        data-id="{{item.id}}"
      >
        <!-- 课程封面 -->
        <image
          class="shrink-0 image_4"
          src="{{ globalImgUrl  + item.image}}"
          mode="aspectFill"
        />
        <view class="flex-col flex-1 ml-12">
          <!-- 课程名称 -->
          <text class="font">{{item.name}}</text>
          <view class="flex-row justify-between items-baseline mt-17">
            <!-- 卷后价格 -->
            <text class="font_2">券后{{item.discountPrice}}元起</text>
            <!-- 已有下单人数 -->
            <text class="font_3">{{item.orderCount}}人学习</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>