123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <!-- 骨架屏 -->
- <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">加载失败</text>
- </van-image>
- </swiper-item>
- </swiper>
- <!-- 产品介绍 -->
- <view class="intr">
- <view class="title">
- {{detail.itemname}} <van-tag type="warning">{{detail.delistingstatus}}</van-tag>
- </view>
- <view class="tags">
- <text wx:for="{{detail.brand}}" wx:key="sa_brandid">{{item.brandname}}</text>
- <text wx:for="{{detail.tradefield}}" wx:key="index">{{item.tradefield}}</text>
- </view>
- <view class="offer">
- <view>
- <text class="price">{{handleHide.query(detail.gradeprice,hidePrice)}}</text>
- </view>
- <text class="unit">单位/{{detail.unitname}}</text>
- </view>
- <view class="else">
- <text>起订量:{{detail.orderminqty}}({{detail.unitname}})</text>
- </view>
- </view>
- <!-- 选择规格 -->
- <view class="model">
- <block wx:if="{{specRows.length}}">
- <view class="label">
- 规格
- </view>
- <view class="product-box">
- <navigator url="#" class="product {{content.spec===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{specRows}}" wx:key="index" bindtap="changeItemno" data-valuename="spec" data-value="{{item}}">{{item.parm}}</navigator>
- </view>
- </block>
- <block wx:if="{{colorRows.length}}">
- <view class="label">
- 颜色
- </view>
- <view class="product-box">
- <navigator url="#" class="product {{content.color===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{colorRows}}" wx:key="index" bindtap="changeItemno" data-valuename="color" data-value="{{item}}">{{item.parm}}</navigator>
- </view>
- </block>
- <block wx:if="{{materialRows.length}}">
- <view class="label">
- 材质
- </view>
- <view class="product-box">
- <navigator url="#" class="product {{content.material===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{materialRows}}" wx:key="index" bindtap="changeItemno" data-valuename="material" data-value="{{item}}">{{item.parm}}</navigator>
- </view>
- </block>
- <block wx:if="{{cheekRows.length}}">
- <view class="label">
- 边框
- </view>
- <view class="product-box">
- <navigator url="#" class="product {{content.cheek===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{cheekRows}}" wx:key="index" bindtap="changeItemno" data-valuename="cheek" data-value="{{item}}">{{item.parm}}</navigator>
- </view>
- </block>
- </view>
- <van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
- <van-tab title="商品简介">
- <view class="tab-box">
- <view class="row">
- 品号:{{detail.itemno}}
- </view>
- <view class="row">
- 型号:{{detail.model || ' --'}}
- </view>
- </view>
- </van-tab>
- <van-tab title="产品资料">
- <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>
- <view style="height: 200rpx;" />
- <view class="cu-bar bg-white tabbar border shop footer">
- <navigator url="#" class="action" style="height: 100%;display: flex; flex-direction: column; align-items: center;" bindtap="toCollect">
- <view class="cuIcon-cart">
- <view class="cu-tag badge">{{badge}}</view>
- </view>
- 购物车
- </navigator>
- <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
- <view class="bg-orange submit" bindtap="clickBut">加入购物车</view>
- </picker>
- <view wx:else class="bg-orange submit" bindtap="clickBut">加入购物车</view>
- </view>
- <wxs src="/utils/hidePrice.wxs" module="handleHide" />
|