<!--
    @name: 新品首发
    @author: kahu4
    @date: 2023-10-27 14:42
    @description：index
    @update: 2023-10-27 14:42
-->
<script setup>
import Recommend from "@/components/Recommend/index.vue";
import UvIcon from "@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue";
import { useRouter } from "@/hooks/useRouter";

const {push} = useRouter()
const goToProductMore = () => {
  push({url: '/pages/goodsList/goodsList'})
}
</script>

<template>
  <Recommend ref="recommendRef" :more="false">
    <template #head>
      <view class="head flex flex-ai__center flex-jc__sb">
        <view class="left">
          商品推荐
        </view>
        <view class="right flex flex-ai__center flex-jc__end" @click="goToProductMore">
          查看更多
          <uv-icon name="arrow-right" color="#999" size="14" />
        </view>
      </view>
    </template>
  </Recommend>
</template>

<style
    scoped
    lang="scss"
>
.head{
  margin-top: 20rpx;
  .left{
    font-size: 32rpx;
    color: #333333;
  }
  .right{
    font-size: 24rpx;
    color: #999999;
  }
}
</style>
