| | |
| | | <template>
|
| | | <view class="trade-detail">
|
| | | <view class="top-img-container">
|
| | | <image :src="dto.cover" class="top-img"></image>
|
| | | <image :src="dto.cover" class="top-img" mode="aspectFill"></image>
|
| | | <view class="icon-container">
|
| | | <image src="../../../static/common/icon-sc.png" class="icon-sc"></image>
|
| | | <view class="num">12</view>
|
| | | <!-- <view class="num">12</view>-->
|
| | | </view>
|
| | | <view class="icon-container">
|
| | | <image src="../../../static/common/icon-shop.png" class="icon-shop"></image>
|
| | | <image src="../../../static/common/icon-shop.png" @click="submitShopping(dto)" class="icon-shop"></image>
|
| | |
|
| | | </view>
|
| | | </view>
|
| | | <view class="trade-info-container">
|
| | | <view class="title">
|
| | | <view class="title flex">
|
| | | <view class="level m-r-15">{{ dto.levelStr || '-' }}级</view>
|
| | | <view class="">
|
| | | {{ dto.name || '-' }}
|
| | |
| | | <view class="desc m-t-12">
|
| | | <view class="m-r-15">已售:{{ dto.sales || 0 }}</view>
|
| | | <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
|
| | | <view class=" ">{{ dto.unit || '-' }}支/扎</view>
|
| | | <view class=" ">{{ dto.unit || '-' }}</view>
|
| | | </view>
|
| | | <view class="flex m-t-12">
|
| | | <view class="price m-r-a">
|
| | |
| | |
|
| | | <view class="info-brand m-t-12" @click.stop="openbrand">
|
| | | <view class="title-before-blue" style="padding-top: 0rpx;padding-bottom: 0rpx;">店铺</view>
|
| | | <view class="flex">
|
| | | <view class="flex m-t-12">
|
| | | <image class="store-logo"></image>
|
| | | <view>
|
| | | <view class="store-name">{{dto.supplierName||'-'}}</view>
|
| | |
| | | top: 20rpx;
|
| | | width: 80rpx;
|
| | | height: 80rpx;
|
| | | background: rgba(0, 0, 0, 0.42);
|
| | | background: rgba(0, 0, 0, 0);
|
| | |
|
| | | .icon-sc {
|
| | | width: 54rpx;
|
| | | height: 54rpx;
|
| | | margin: 0 auto;
|
| | | margin-top: 12rpx;
|
| | | display: inline-block;
|
| | | }
|
| | |
|
| | | .icon-shop {
|
| | |
| | | height: 54rpx;
|
| | | margin: 0 auto;
|
| | | margin-top: 12rpx;
|
| | | display: inline-block;
|
| | |
|
| | | }
|
| | |
|
| | | .num {
|
| | |
| | | }
|
| | |
|
| | | .icon-container:last-child {
|
| | | left: 120rpx;
|
| | | left: 140rpx;
|
| | | }
|
| | |
|
| | | .icon-container:first-child {
|
| | | left: 20rpx;
|
| | | left: 40rpx;
|
| | | }
|
| | |
|
| | | }
|