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"  style="position: sticky; z-index: 999; top: 0;">
    <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="{{ banners }}" wx:key="index" wx:for-item="itm" id="{{ item }}">
      <view class="swiper-item">
        <image src='{{ itm }}' 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">{{ item.wrstandardname }}</text>
      <text class="qty" selectable="false">{{ item.surplusqty }}</text>
      <text selectable="false">{{ item.price }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">卖方：{{ item.customername }}</text>
      <text selectable="false">已认购数量：{{ item.presaleqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最小采购单位：{{ item.minbuyqty }}</text>
      <text selectable="false">最大采购单位：{{ item.maxbuyqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">最低成团量：{{ item.minsuccessqty }}</text>
      <text selectable="false">采购保证金比例：{{ item.buymarginvalue }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">开始日期：{{ item.startdate }}</text>
      <text selectable="false">结束日期：{{ item.enddate }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">状态：{{ item.status }}</text>
      <text selectable="false">已认购数量：{{ item.placeqty }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">履约方式：</text>
    </view>
    <view class="container__top__row__step">
      <view class="container__top__row__step__item" wx:for="{{ tmp.LstStep }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx"> 
        <text class="value" style="color: white; background-color: {{ colors[idx] }};">{{ itm.stepinfo }}</text>
        <text class="value">{{ itm.stepdate }}</text>
      </view>
    </view>
    <view class="container__top__row">
      <text selectable="false">备注：{{ item.remark }}</text>
    </view>
    <view class="container__top__row">
      <text selectable="false">单号：{{ item.presaleapplyid }}</text>
    </view>
  </view>

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

   <view class="container__diamondinfo">
     <text selectable="false">【钻石参考信息】</text>
     <text selectable="false">形状：{{ item.zsshapetypestr }} </text>
     <text selectable="false">颜色：{{ item.zscolortypestr }} </text>
     <text selectable="false">净度：{{ item.zsclaritytypestr }} </text>
     <text selectable="false">尺寸：{{ item.sizestr }} </text>
     <text selectable="false">抛光：{{ item.zspolishtypestr }} </text>
     <text selectable="false">对称：{{ item.zssymmetrytypestr }} </text>
     <text selectable="false">切工：{{ item.zscuttypestr }} </text>
     <text selectable="false">荧光：{{ item.zsfluorescencetypestr }} </text>
   </view>

   <view class="button-view" wx:if="{{ item.presalestatus != 1 }}">
    <van-button block color="linear-gradient(to right, #4bb0ff, #666)" bind:click="doSubmit" round>立即购买</van-button>
  </view>
</view>