fix

src/views/collectionStory/detail/index.vue

@@ -4,6 +4,7 @@ import img from "@/assets/images/collectionStory/Rectangle.png";
 import coreConcept from "./coreConcept.vue";
 import inspiration from "./inspiration.vue";
 import feelingWithAiDA from "./feelingWithAiDA.vue";
+import CommodityItem from "@/components/CommodityItem.vue";
 //const props = defineProps({
 //})
 //const emit = defineEmits([
@@ -25,6 +26,9 @@ const list = ref([
 		price: "$100.00",
 	},
 ])
+const addShopping = (item) => {
+	console.log(item);
+}
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -53,23 +57,28 @@ const {} = toRefs(data);
 			<feelingWithAiDA ></feelingWithAiDA>
 		</div>
 		<div class="right">
-			
+			<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>
+			</div>
 		</div>
 	</div>
 </template>
 <style lang="less" scoped>
 	.detail{
 		width: 100%;
-		height: 100%;
+		height: auto;
 		position: relative;
 		display: flex;
+		align-items: flex-start;
 		> div{
-			height: 100%;
+			// height: 100%;
 		}
 		> .left{
 			width: 23rem;
 			padding-top: 6.3rem;
 			padding-left: 3rem;
+			position: sticky;
+			top: 0;
 			> .personal{
 				display: flex;
 				flex-direction: column;
@@ -98,8 +107,10 @@ const {} = toRefs(data);
 			flex: 1;
 			border-left: 0.5px solid #585858;
 			border-right: 0.5px solid #585858;
-			overflow-y: auto;
-			height: 100%;
+			// overflow-y: auto;
+			overflow: hidden;
+			// height: 100%;
+			height: auto;
 			.line{
 				border: 0.5px solid #58585899;
 				width: 100%;
@@ -111,6 +122,21 @@ const {} = toRefs(data);
 		> .right{
 			width: 25.4rem;
 			padding-top: 6rem;
+			position: sticky;
+			top: 0;
+			height: calc(100vh - var(--header-height));
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 4rem;
+			overflow-y: auto;
+			&::-webkit-scrollbar{
+				display: none;
+			}
+			> .item{
+				margin-bottom: 2.3rem;
+				width: 20rem;
+			}
 		}
 	}
 </style>