wxappb2b/GuangZuan/miniprogram/mTrade/pages/orderdetail/index.wxml

<view class="container">
  <!-- 导航栏 -->
  <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;">求购信息</text>
  </van-nav-bar>

  <!-- 卖家信息 -->
  <view class="seller-info">
    <text class="title">【 {{ order.zscategorydisplay }} 】</text>
    <view class="content">
      <view class="content__item">
        <text class="title">买方：</text>
        <text class="value">{{ order.buyusername}}</text>
      </view>
      <view class="content__item">
        <text class="title">币种：</text>
        <text class="value">{{ order.zscurrencytypedisplay }}</text>
      </view>
      <view class="content__item">
        <text class="title">履约规则：</text>
      </view>
      <view class="content__item">
        <view class="content__item__step">
          <view class="content__item__step__item" wx:for="{{ tmp.LstStep }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx"> 
            <text style="background-color: {{ colors[idx] }}; color: white;">{{ itm.stepinfo }}</text>
            <text>{{ itm.stepdate }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>

  <!-- 钻石属性 -->
  <view class="attribute-info">
    <text class="title">【钻石属性】</text>
    <view class="attribute-info__item">
      <text class="title">形状：</text>
      <text class="value">{{ order.zsshapetypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">颜色：</text>
      <text class="value">{{ order.zscolortypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">净度：</text>
      <text class="value">{{ order.zsclaritytypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">切工：</text>
      <text class="value">{{ order.zscuttypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">抛光：</text>
      <text class="value">{{ order.zspolishtypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">对称：</text>
      <text class="value">{{ order.zssymmetrytypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">荧光：</text>
      <text class="value">{{ order.zsfluorescencetypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">尺寸：</text>
      <text class="value">{{ order.zssize }}</text>
    </view>
  </view>

  <!-- 询价信息 -->
  <view class="button-view">
    <van-button wx:if="{{ order.accountid != accountid }}" id="close" block round color="#407DB8" bind:click="goToDelistingSell">摘牌申请</van-button>
    <van-button wx:if="{{ order.accountid === accountid && order.wrtradeorderstatus === 3 }}" id="close" block round color="#7232dd" bind:click="doWRListingCancelOrder">撤销</van-button>
  </view>
</view>