wxappb2b/GuangZuan/miniprogram/mHome/pages/purchase/detail/index.wxml

<view class="container" style="padding-bottom: {{ safeBottom }}px;">
  <!-- 导航栏 -->
  <van-nav-bar custom-style="background-color: #407DB8">
    <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
    <text slot="title" style="color: #fff;">{{ navTitle }}</text>
  </van-nav-bar>

  <!-- banner轮播图 -->
  <swiper class="banner" wx:if="{{ banners.count != 0 }}" indicator-active-color="orange" indicator-dots autoplay interval="5000" circular>
    <swiper-item class="banner_item" wx:for="4" wx:key="index" id="{{ item }}">
      <view class="swiper-item">
        <image src='https://img.yzcdn.cn/vant/cat.jpeg' mode="widthFix" />
      </view>
    </swiper-item>
  </swiper>

  <view style="background-color: #f0f0f0; height: 10px; width: 100%;" />

  <view class="container__top">
    <view class="container__top__row">
      <text selectable="false">钻石1001</text>
      <text selectable="false">2000克拉</text>
      <text selectable="false">¥8000</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">预售总量：10000克拉</text>
      <text selectable="false">已认购数量：10000克拉</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最小采购单位：100</text>
      <text selectable="false">最大采购单位：10000</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最低成团量：4000</text>
      <text selectable="false">采购保证金比例：20%</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">开始日期：2022-03-08</text>
      <text selectable="false">结束日期：2022-03-08</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">状态：进行中</text>
      <text selectable="false">已认购数量：2000</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">备注：进行中</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">单号：1809748484948848484</text>
    </view>
  </view>

  <view style="background-color: #f0f0f0; height: 10px; width: 100%;" />

   <view class="container__diamondinfo">
     <text selectable="false">【钻石参考信息】</text>
     <text selectable="false">形状：{{  }} </text>
     <text selectable="false">颜色：{{  }} </text>
     <text selectable="false">净度：{{  }} </text>
     <text selectable="false">尺寸：{{  }} </text>
     <text selectable="false">抛光：{{  }} </text>
     <text selectable="false">对称：{{  }} </text>
     <text selectable="false">切工：{{  }} </text>
     <text selectable="false">荧光：{{  }} </text>
   </view>

   <view class="button-view">
    <van-button block color="linear-gradient(to right, #4bb0ff, #666)" bind:click="doSubmit" round>立即购买</van-button>
  </view>
</view>