yshop-pro-uniapp/pages/groupBuy/groupBuy.vue

<template>
  <layout>
    <view class="swiper">
      <image :src="groupBuyBg" />
    </view>
    <div class="groupBuy-top">
      <container>
        <card>
          <goods
            list
            title="Cookawu灰色涤纶宽松T 恤潮趣味罗文落肩上衣"
            primary
            groupNum="3"
            price="239"
            original="339"
          >
            <template #action>
              <uv-button
                round
                block
                type="primary"
              >
                立即拼团
              </uv-button>
            </template>
          </goods>
        </card>
      </container>
    </div>
    <blank size="15"></blank>
    <container min>
      <uv-grid
        :border="false"
        :col="2"
        :gutter="10"
      >
        <uv-grid-item>
          <card>
            <goods
              card
              title="Cookawu灰色涤纶宽松T 恤潮趣味罗文落肩上衣"
              primary
              groupNum="3"
              price="239"
              original="339"
            >
              <template #action>
                <uv-button
                  round
                  block
                  type="primary"
                >
                  立即拼团
                </uv-button>
              </template>
            </goods>
          </card>

        </uv-grid-item>
        <uv-grid-item>
          <goods
            card
            title="Cookawu灰色涤纶宽松T 恤潮趣味罗文落肩上衣"
            primary
            groupNum="3"
            price="239"
            original="339"
          />
        </uv-grid-item>
        <uv-grid-item>
          <goods
            card
            title="Cookawu灰色涤纶宽松T 恤潮趣味罗文落肩上衣"
            primary
            groupNum="3"
            price="239"
            original="339"
          />
        </uv-grid-item>
        <uv-grid-item>
          <goods
            card
            title="Cookawu灰色涤纶宽松T 恤潮趣味罗文落肩上衣"
            primary
            groupNum="3"
            price="239"
            original="339"
          />
        </uv-grid-item>
      </uv-grid>
    </container>
    <blank size="15"></blank>

  </layout>
</template>

<script setup>
import { groupBuyBg } from "@/utils/images";
</script>

<style lang="scss">
.swiper {
  width: 100%;

  .image {
    width: 100%;
    display: block;
  }
}

.groupBuy-top {
  margin-top: -182rpx;
  z-index: 9;
  position: relative;
}
</style>