E_WeChat/packageA/market/detail.wxml

<!-- 骨架屏 -->
<import src="./detail.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<!-- 轮播图 -->
<swiper indicator-dots circular indicator-active-color='#333'>
  <swiper-item wx:for="{{files.images}}" wx:key="attachmentid" data-index="{{index}}" data-type='image' bindtap="viewMedias">
    <van-image width="100vw" height="464rpx" fit="contain" src="{{item.cover}}" use-loading-slot use-error-slot lazy-load>
      <van-loading slot="loading" type="spinner" size="20" vertical />
      <text slot="error">{{language['加载失败']||'加载失败'}}</text>
    </van-image>
  </swiper-item>
</swiper>
<!-- 产品介绍 -->
<view class="intr">
  <view class="title">
    {{detail.itemname}}
  </view>
  <view class="tags">
    <text wx:for="{{detail.brand}}" wx:key="sa_brandid">{{language[item.brandname]||item.brandname}}</text>
    <text wx:for="{{detail.tradefield}}" wx:key="index">{{language[item.tradefield]||item.tradefield}}</text>
  </view>
  <view class="offer">
    <view>
      <text class="price">{{detail.gradeprice}}</text>
      <text class="old-price">{{detail.marketprice}}</text>
    </view>
    <text class="unit">{{language['单位']||'单位'}}：{{detail.unitname}}</text>
  </view>
  <view class="else">
    <text>{{language['起订量']||'起订量'}}：{{detail.orderminqty}}({{detail.unitname}})</text>
    <text>{{language['装箱数']||'装箱数'}}：{{detail.packqty}}</text>
    <text>{{language['库存']||'库存'}}：{{userrole=='经销商'?detail.stockstatus:detail.cansaleqty}}</text>
  </view>
</view>
<!-- 选择型号 -->
<view class="model" wx:if="{{rows.length}}">
  <view class="label">
    {{language['选择商品']||'选择商品'}}
  </view>
  <view class="product-box">
    <navigator url="#" class="product {{itemno===item.itemno?'active':''}}" wx:for="{{rows}}" wx:key="itemno" bindtap="changeItemno" data-item="{{item}}">{{language[item.spec]||item.spec}}</navigator>
  </view>
</view>
<van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
  <van-tab title="{{language['商品简介']||'商品简介'}}">
    <view class="tab-box">
      <view class="row">
        {{language['商品编号']||'商品编号'}}：{{detail.itemno}}
      </view>
      <view wx:if="{{detail.spec && siteid != 'HY'}}" class="row">
        {{language['规格']||'规格'}}：{{detail.spec || ' --'}}
      </view>
      <view wx:if="{{detail.model}}" class="row">
        {{language['型号']||'型号'}}：{{detail.model || ' --'}}
      </view>

      <block wx:if="{{siteid == 'HY'}}">
        <view class="row">
          {{language['公称通径']||'公称通径'}}：{{detail.itemextend[0].caliber || ' --'}}
        </view>
        <view class="row">
          {{language['公称压力']||'公称压力'}}：{{detail.itemextend[0].nominalpressure || ' --'}}
        </view>
        <view class="row">
          {{language['产线']||'产线'}}：{{detail.itemextend[0].prodline || ' --'}}
        </view>
        <view class="row">
          {{language['执行器类型']||'执行器类型'}}：{{detail.itemextend[0].actuatortype || ' --'}}
        </view>
        <view class="row">
          {{language['执行器品牌']||'执行器品牌'}}：{{detail.itemextend[0].actuatorbrand || ' --'}}
        </view>
      </block>

      <block wx:else>
        <view wx:if="{{detail.itemextend[0].material}}" class="row">
          {{language['材质']||'材质'}}：{{detail.itemextend[0].material || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].device}}" class="row">
          {{language['装置']||'装置'}}：{{detail.itemextend[0].device || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].pressure}}" class="row">
          {{language['压力等级']||'压力等级'}}：{{detail.itemextend[0].pressure || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].prodline}}" class="row">
          {{language['产线']||'产线'}}：{{detail.itemextend[0].prodline || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].connection}}" class="row">
          {{language['连接形式']||'连接形式'}}：{{detail.itemextend[0].connection || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].valveplatematerial}}" class="row">
          {{language['阀板材质']||'阀板材质'}}：{{detail.itemextend[0].valveplatematerial || ' --'}}
        </view>
        <view wx:if="{{detail.itemextend[0].specalnote}}" class="row">
          {{language['特殊说明']||'特殊说明'}}：{{detail.itemextend[0].specalnote || ' --'}}
        </view>
      </block>

    </view>
  </van-tab>
  <van-tab title="{{language[siteid=='HY'?'技术资料':'产品资料'] || siteid=='HY'?'技术资料':'产品资料'}}">
    <Yl_Empty wx:if="{{detail.technicalinfo.length==0}}" />
    <view wx:else class="document-box">
      <navigator class="document" url="#" wx:for="{{detail.technicalinfo}}" wx:key="index" bindtap="openDocument" data-item="{{item}}">{{item.document}}</navigator>
    </view>
  </van-tab>
</van-tabs>

<block wx:if="{{userrole!='业务员'}}">
  <!-- 底部 -->
  <view style="height: 150rpx;" />
  <view class="footer">
    <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
      <van-button custom-class='but' bindtap="clickBut">{{language['加入购物车']||'加入购物车'}}</van-button>
    </picker>
    <van-button wx:else custom-class='but' bindtap="clickBut">{{language['加入购物车']||'加入购物车'}}</van-button>
  </view>
  <!-- 购物车按钮 -->
  <Float id="Float" />
</block>