wxappb2b/GuangZuan/miniprogram/mHome/pages/goodsdetail/index.wxml

<view class="container">
  <view class="topView">
    <!-- 导航栏 -->
    <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>

  <!-- 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="1" wx:key="index" id="{{ item }}">
      <view class="swiper-item">
        <image src='{{ goods.imagepath }}' mode="widthFix" />
      </view>
    </swiper-item>
  </swiper>

  <!-- 价格信息 -->
  <view class="price-info">
    <view class="content__item">
        <text class="content__item__price" style="font-size: 18px; font-weight: bolder; color: #D91123;">￥{{ goods.price }}</text>
        <text class="content__item__rate" wx:if="{{ goods.zscurrencytype === 2 }}">汇率: 6.9762</text>
      </view>
      <view class="content__item">
        <text class="content__item__name">【{{ goods.zscategorydisplay }}】商品编号：{{ goods.goodsno }}</text>
      </view>
      <view class="content__item">
        <text class="content__item__weight">款式：{{ goods.zsstyletypedisplay }}</text>
        <text class="content__item__ordertime">主石重量：{{ goods.weightavg }}克拉</text>
      </view>
      <view class="content__item">
        <text class="content__item__gprice">克拉单价：{{ goods.zscurrencytypedisplayunit+goods.priceper }}</text>
        <text class="content__item__price">市场价：{{ goods.zscurrencytypedisplayunit+goods.marketprice }}</text>
      </view>
  </view>

  <!-- 卖家信息 -->
  <view class="seller-info">
    <text class="title">【卖家信息】</text>
    <view class="content">
      <view class="content__item">
        <text class="title">名称：</text>
        <text class="value">{{ goods.sellusername}}</text>
      </view>
      <view class="content__item">
        <text class="title">电话：</text>
        <text class="value">{{ goods.mobile }}</text>
      </view>
      <view class="content__item">
        <text class="title">仓库地址：</text>
        <text class="value">{{ goods.provincename+goods.cityname+goods.districtname+goods.address }}</text>
      </view>
      <view class="content__item">
        <text class="title">履约：</text>
        <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="color: white; background-color: {{ colors[idx] }};">{{ 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">{{ goods.zsshapetypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">颜色：</text>
      <text class="value" wx:if="{{ goods.zscategory === 4 }}">{{ goods.zscolortype1display }}</text>
      <text class="value" wx:if="{{ goods.zscategory != 4 }}">{{ goods.zscolortype1display }}~{{goods.zscolortype2display}}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">净度：</text>
      <text class="value" wx:if="{{ goods.zscategory === 4 }}">{{ goods.zsclaritytype1display }}</text>
      <text class="value" wx:if="{{ goods.zscategory != 4 }}">{{ goods.zsclaritytype1display }}~{{goods.zsclaritytype2display}}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">切工：</text>
      <text class="value" wx:if="{{ goods.zscategory === 4 }}">{{ goods.zscuttype1display }}</text>
      <text class="value" wx:if="{{ goods.zscategory != 4 }}">{{ goods.zscuttype1display }}~{{goods.zscuttype2display}}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">抛光：</text>
      <text class="value" wx:if="{{ goods.zscategory === 4 }}">{{ goods.zspolishtype1display }}</text>
      <text class="value" wx:if="{{ goods.zscategory != 4 }}">{{ goods.zspolishtype1display }}~{{goods.zspolishtype2display}}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">荧光：</text>
      <text class="value" wx:if="{{ goods.zscategory === 4 }}">{{ goods.zsfluorescencetype1display }}</text>
      <text class="value" wx:if="{{ goods.zscategory != 4 }}">{{ goods.zsfluorescencetype1display }}~{{goods.zsfluorescencetype2display}}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">尺寸：</text>
      <text class="value">{{ goods.sizedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">证书类型：</text>
      <text class="value">{{ goods.zscerttypedisplay }}</text>
    </view>
    <view class="attribute-info__item">
      <text class="title">证书编号：</text>
      <text class="value">{{ goods.cerno }}</text>
    </view>
    <view class="attribute-info__item" wx:if="{{ goods.zscategory === 4 }}">
      <text class="title">镶嵌材料：</text>
      <text class="value">{{ goods.settingmaterial }}</text>
    </view>
    <view class="attribute-info__item" wx:if="{{ goods.zscategory === 4 }}">
      <text class="title">配石描述：</text>
      <text class="value">{{ goods.stonedesc }}</text>
    </view>
  </view>

   <!-- 按钮 -->
   <view class="button-view" style="padding-bottom: {{ safeBottom }}px;">
    <van-icon name="{{ operator === 1 ? 'star' : 'star-o' }}" color="#407DB8" size="25" bind:click="onFavoriteOperator"/>
    <van-button custom-class="excute" id="excute" round color="linear-gradient(to right, #4bb0ff, #F7A657)" block bind:click="doZSBuyOrderDesting">立即购买</van-button>
  </view>
</view>

<!-- toast --> 
<van-toast id="van-toast" />
<!-- 对话弹框  -->
<van-dialog id="van-dialog" />