<!--
    @name: 空购物车
    @author: kahu4
    @date: 2023-11-06 15:59
    @description：CartEmpty
    @update: 2023-11-06 15:59
-->
<script setup>
import Empty from '@/components/Empty/index.vue'
import { emptyGoodIcon } from "@/utils/images";
import { useRouter } from "@/hooks/useRouter";

const {pushToTab} = useRouter()
const padding = "500rpx 0 0 0"
</script>

<template>
  <Empty
      :iconSrc="emptyGoodIcon"
      :padding='padding'
  >
    <template #default>
      商品不存在～
    </template>
    <template #bottom>
      <view
          class="go-on-btn"
          @click="pushToTab({url:'/pages/index/index'})"
      >
        继续逛逛
      </view>
    </template>
  </Empty>
</template>

<style
    scoped
    lang="scss"
>
.go-on-btn {
  padding: 15rpx 50rpx;
  background: $primary-color;
  color: #fff;
}

</style>
