digital item 页面

src/views/digitalItem/commodity-list.vue

@@ -4,7 +4,8 @@ import img from "@/assets/images/collectionStory/Rectangle.png";
 //const props = defineProps({
 //})
 const emit = defineEmits([
-	'addShopping'
+	'addShopping',
+	'openDetail'
 ])
 let data = reactive({
 })
@@ -47,6 +48,9 @@ const type = ref('All')
 const addShopping = (item) => {
 	emit('addShopping', item)
 }
+const openDetail = (item) => {
+	emit('openDetail', item)
+}
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -58,7 +62,7 @@ const {} = toRefs(data);
 	<div class="commodityList">
 		<div class="list">
 			<div class="item" v-for="item in list" :key="item.url">
-				<CommodityItem :url="item.url" :name="item.title" :price="item.price" @addShopping="addShopping(item)"></CommodityItem>
+				<CommodityItem :url="item.url" :name="item.title" :price="item.price" @addShopping="addShopping(item)" @openDetail="openDetail(item)"></CommodityItem>
 			</div>
 		</div>
 	</div>

src/views/digitalItem/index.vue

@@ -1,14 +1,31 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { ref, onMounted, onUnmounted, reactive, toRefs, onActivated } from "vue";
 import CommodityList from "./commodity-list.vue";
 import MerchantInfo from "./merchant-info.vue";
+import { useRouter } from "vue-router";
+// 定义组件名称
+defineOptions({
+  name: 'digitalItem'
+})
 //const props = defineProps({
 //})
 //const emit = defineEmits([
 //])
+const digitalItemRef = ref(null)
+const scrollTop = ref(0)
+const router = useRouter()
 let data = reactive({
 })
 const addShopping = (item) => {}
+const openDetail = (item) => {
+	scrollTop.value = digitalItemRef.value.scrollTop
+	router.push({
+		path: '/digitalItem/' + 123,
+	})
+}
+onActivated(()=>{
+	digitalItemRef.value.scrollTop = scrollTop.value
+})
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -17,7 +34,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<div class="digitalItem">
+	<div class="digitalItem" ref="digitalItemRef">
 		<div class="header-img">
 			<img src="@/assets/images/digitalItem/digital_item_banner.png" alt="">
 			<div class="text">
@@ -30,7 +47,7 @@ const {} = toRefs(data);
 				<MerchantInfo></MerchantInfo>
 			</div>
 			<div class="commodity-list">
-				<CommodityList @addShopping="addShopping"></CommodityList>
+				<CommodityList @addShopping="addShopping" @openDetail="openDetail"></CommodityList>
 			</div>
 		</div>
 		<Footer></Footer>