From 9e6788dbb2288cf7c6a014e2034e4d855b9c736c Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 20 Jan 2025 09:00:20 +0800
Subject: [PATCH] 123

---
 app/pages/home/components/ItemList/index.vue | 81 ++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 app/pages/home/components/ItemList/index.vue

diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
new file mode 100644
index 0000000..a4091d1
--- /dev/null
+++ b/app/pages/home/components/ItemList/index.vue
@@ -0,0 +1,81 @@
+<script setup>
+
+import Column from "@/pages/home/components/Column/index.vue";
+import {artworkList} from "@/api/goods/index.js";
+import {homeStore} from "~/stores/goods/index.js";
+const loading = ref(false);
+const finished = ref(false);
+const {fullLive,actionDetails,itemList} = homeStore();
+const list = ref([{
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: 'RMB 10,000',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/f7b65e23-ce21-41b4-8e58-9e6dc6950727.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: '',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/41eceb23-d168-4049-ae8e-48c5328b192f.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: '',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/25c3f03c-9e0b-456b-963f-79b3d812c89a.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: '',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/25c3f03c-9e0b-456b-963f-79b3d812c89a.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: '',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/25c3f03c-9e0b-456b-963f-79b3d812c89a.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: '',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: 'RMB 10,000',
+}, {
+  image: 'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
+  title: '张天赐 | 日出而作，日落而息',
+  startingPrice: 'RMB 1,000',
+  transactionPrice: 'RMB 10,000',
+}])
+const columns = computed(() => {
+  const result = [[], []];
+  // 确保 itemList 有值
+  if (itemList.value && itemList.value.length > 0) {
+    itemList.value.forEach((item, index) => {
+      result[index % 2].push(item);
+    });
+  }
+  return result;
+});
+const loadData = async () => {
+  // 加载数据逻辑...
+
+};
+
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh>
+      <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="loadData">
+        <div class="w-full flex gap-[16px]">
+          <Column v-for="(column, colIndex) in columns" :key="colIndex" :items="column" />
+        </div>
+      </van-list>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file