<!--
    @name: 新品首发
    @author: kahu4
    @date: 2023-10-27 14:42
    @description：index
    @update: 2023-10-27 14:42
-->
<script setup>
import ThreeGoodRow from "@/pages/index/components/public/ThreeGoodRow.vue"


import { useRouter } from "@/hooks/useRouter";
import Card from "@/components/card/card.vue";

const props = defineProps({
  products: {
    type: Array
  }
})

const {push} = useRouter()

</script>

<template>
  <blank size="15"></blank>
  <activity
      title="新品首发"
      subtitle="超多人想要"
      more="更多新品"
      @moreClick="push({ url: '/pages/newGoods/newGoods' })"
  >
    <view class="card goods-row">
      <ThreeGoodRow :products="props.products"></ThreeGoodRow>
    </view>

  </activity>
</template>

<style
    scoped
    lang="scss"
>
@import "@/style/main.scss";

.goods-row {
  @include usePadding(30, 20);
  border-radius: 15rpx;

}
</style>
