代码提交

pages/goodsDetail/components/GoodEmpty.vue

@@ -0,0 +1,46 @@
+<!--
+    @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>