JewelryMall/miniprogram/unpackage/dist/build/mp-weixin/components/SpecPanel.wxml

<view class="spec-panel-mask data-v-0e22571c" bindtap="{{q}}"><view class="spec-panel data-v-0e22571c" catchtap="{{p}}"><scroll-view class="spec-panel__scroll data-v-0e22571c" scroll-y><view wx:if="{{a}}" class="spec-panel__loading data-v-0e22571c">加载中...</view><block wx:elif="{{b}}"><view wx:if="{{c}}" class="spec-group data-v-0e22571c"><text class="spec-group__label data-v-0e22571c">成 色</text><view class="spec-group__options data-v-0e22571c"><view wx:for="{{d}}" wx:for-item="item" wx:key="b" class="{{['spec-option', 'data-v-0e22571c', item.c && 'spec-option--active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></view><view wx:if="{{e}}" class="spec-group data-v-0e22571c"><text class="spec-group__label data-v-0e22571c">主 石</text><view class="spec-group__options data-v-0e22571c"><view wx:for="{{f}}" wx:for-item="item" wx:key="b" class="{{['spec-option', 'data-v-0e22571c', item.c && 'spec-option--active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></view><view wx:if="{{g}}" class="spec-group data-v-0e22571c"><text class="spec-group__label data-v-0e22571c">手 寸</text><view class="spec-group__options data-v-0e22571c"><view wx:for="{{h}}" wx:for-item="item" wx:key="b" class="{{['spec-option', 'data-v-0e22571c', item.c && 'spec-option--active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></view></block><view wx:if="{{i}}" class="spec-panel__loading data-v-0e22571c">查询中...</view><view wx:elif="{{j}}" class="spec-data-list data-v-0e22571c"><view wx:for="{{k}}" wx:for-item="spec" wx:key="A" class="{{['spec-data-card', 'data-v-0e22571c', spec.B && 'spec-data-card--selected']}}" bindtap="{{spec.C}}"><view class="spec-card__header data-v-0e22571c"><text class="spec-card__title data-v-0e22571c">{{spec.a}}</text><view class="spec-card__tags data-v-0e22571c"><text class="spec-card__tag data-v-0e22571c">{{spec.b}}</text><text wx:if="{{spec.c}}" class="spec-card__tag data-v-0e22571c">{{spec.d}}</text><text wx:if="{{spec.e}}" class="spec-card__tag data-v-0e22571c">{{spec.f}}</text></view></view><view class="spec-card__grid data-v-0e22571c"><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">金料总重</text><text class="spec-card__value data-v-0e22571c">{{spec.g}}g</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">金料净重</text><text class="spec-card__value data-v-0e22571c">{{spec.h}}g</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">损耗</text><text class="spec-card__value data-v-0e22571c">{{spec.i}}%</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">金耗</text><text class="spec-card__value data-v-0e22571c">{{spec.j}}g</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">金价</text><text class="spec-card__value data-v-0e22571c">¥{{spec.k}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">金值</text><text class="spec-card__value data-v-0e22571c">¥{{spec.l}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">主石数量</text><text class="spec-card__value data-v-0e22571c">{{spec.m}}粒</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">主石石重</text><text class="spec-card__value data-v-0e22571c">{{spec.n}}ct</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">主石单价</text><text class="spec-card__value data-v-0e22571c">¥{{spec.o}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">主石金额</text><text class="spec-card__value data-v-0e22571c">¥{{spec.p}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">副石数量</text><text class="spec-card__value data-v-0e22571c">{{spec.q}}粒</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">副石石重</text><text class="spec-card__value data-v-0e22571c">{{spec.r}}ct</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">副石单价</text><text class="spec-card__value data-v-0e22571c">¥{{spec.s}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">副石金额</text><text class="spec-card__value data-v-0e22571c">¥{{spec.t}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">配件金额</text><text class="spec-card__value data-v-0e22571c">¥{{spec.v}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">加工工费</text><text class="spec-card__value data-v-0e22571c">¥{{spec.w}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">镶石工费</text><text class="spec-card__value data-v-0e22571c">¥{{spec.x}}</text></view><view class="spec-card__cell data-v-0e22571c"><text class="spec-card__label data-v-0e22571c">总工费</text><text class="spec-card__value data-v-0e22571c">¥{{spec.y}}</text></view></view><view class="spec-card__footer data-v-0e22571c"><text class="spec-card__total-label data-v-0e22571c">总价</text><text class="spec-card__total-price data-v-0e22571c">¥{{spec.z}}</text></view></view></view></scroll-view><view class="spec-panel__bottom data-v-0e22571c"><view class="{{['spec-panel__cart-btn', 'data-v-0e22571c', n && 'spec-panel__cart-btn--disabled']}}" bindtap="{{o}}"> 加入购物车<text wx:if="{{l}}" class="data-v-0e22571c">({{m}})</text></view></view></view></view>