xuxueyang
2024-07-26 480a7eb5fa89aa602167a7b5f42df5c6d79053b2
sub_pages/customer/trade/detail.vue
@@ -1,18 +1,18 @@
<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 || '-' }}
@@ -21,7 +21,7 @@
      <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">
@@ -61,7 +61,7 @@
    <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>
@@ -328,13 +328,14 @@
      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 {
@@ -342,6 +343,8 @@
        height: 54rpx;
        margin: 0 auto;
        margin-top: 12rpx;
        display: inline-block;
      }
      .num {
@@ -356,11 +359,11 @@
    }
    .icon-container:last-child {
      left: 120rpx;
      left: 140rpx;
    }
    .icon-container:first-child {
      left: 20rpx;
      left: 40rpx;
    }
  }