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

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