jinai-talents/applet/pages/rob/detail/detail.wxml

<cu-custom bgColor="bg-white" isCustom="{{true}}">
  <view slot="content">详情</view>
</cu-custom>

<!-- 轮播图 -->
<swiper class="swiper-box bg-white shadow" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{3000}}"
  duration="{{500}}" indicator-color="#fff" indicator-active-color="red">
  <block wx:for="{{info.image_list}}" wx:key="item_key">
    <swiper-item>
      <image class="imgw" src="{{item.url}}" mode="aspectFill" />
    </swiper-item>
  </block>
</swiper>

<!-- 商品介绍 -->
<view class="ui-product-info ui-border-tb padding-bottom-sm">
  <view class="ui-whitespace text-name">{{info.product_name}}
  </view>
  <view class="ui-whitespace ui-txt-warning">
    <text class='strong'>{{info.point}}积分</text>
    <text class='sale_num'>库存 {{info.quantity}}</text>
  </view>
</view>

<!-- 活动时间 -->
<view class="margin-top quality bg-white padding">
  <view class="quality-item">
    开始时间：{{info.start_time}}
  </view>
  <view class="quality-item">
    结束时间：{{info.end_time}}
  </view>
</view>

<!-- 商品详情 -->
<view class="flex text-center margin-top bg-white nav">
  <view class="cu-item flex-sub text-red text-lg">
    <text class='action'>商品详情</text>
  </view>
</view>
<rich-text nodes="{{detailInfo}}"></rich-text>

<view style="width: 850rpx;height:calc(100rpx + env(safe-area-inset-bottom) / 2);"></view>

<!-- 底部 -->
<view class="cu-bar bg-white tabbar border shop">
  <navigator class="action text-red" open-type="switchTab" url="/pages/home/home/home">
    <view class="cuIcon-homefill"></view> 首页
  </navigator>
  <navigator class="action text-black" open-type="switchTab" url="/pages/rob/home/home">
    <view class="cuIcon-shop"></view> 列表
  </navigator>
  <view class="bg-red submit" bindtap="buyNow" wx:if="{{status==2}}">立即购买</view>
  <view class="bg-grey submit" wx:if="{{status==1}}">活动未开始</view>
  <view class="bg-grey submit" wx:if="{{status==3}}">活动已结束</view>
  <view class="bg-grey submit" wx:if="{{status==4}}">已抢完</view>
</view>