From e66cf452a85a9075e3c24cb5856df73b2bd64f42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 15 Aug 2024 14:51:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=AD=94=E6=96=B9=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=9F=BA=E6=9C=AC=E5=B8=83=E5=B1=80=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/product-list-show.vue          | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 src/components/model-data-magic/components/product-list-show.vue

diff --git a/src/components/model-data-magic/components/product-list-show.vue b/src/components/model-data-magic/components/product-list-show.vue
new file mode 100644
index 00000000..0528bd44
--- /dev/null
+++ b/src/components/model-data-magic/components/product-list-show.vue
@@ -0,0 +1,70 @@
+<template>
+    <template v-if="props.outerflex == 'row'">
+        <div class="flex-row gap-10 align-c">
+            <template v-if="props.flex == 'row'">
+                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-row gap-10 align-c">
+                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+                    <div class="flex-col gap-10">
+                        <div>标题</div>
+                        <div>价格</div>
+                    </div>
+                </div>
+            </template>
+            <template v-else>
+                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-col gap-10 align-c">
+                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+                    <div class="flex-col gap-10">
+                        <div>标题</div>
+                        <div>价格</div>
+                    </div>
+                </div>
+            </template>
+        </div>
+    </template>
+    <template v-else>
+        <div class="flex-col gap-10 align-c">
+            <template v-if="props.flex === 'row'">
+                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-row gap-10 align-c">
+                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+                    <div class="flex-col gap-10">
+                        <div>标题</div>
+                        <div>价格</div>
+                    </div>
+                </div>
+            </template>
+            <template v-else>
+                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-col gap-10 align-c">
+                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+                    <div class="flex-col gap-10">
+                        <div>标题</div>
+                        <div>价格</div>
+                    </div>
+                </div>
+            </template>
+        </div>
+    </template>
+</template>
+
+<script setup lang="ts">
+interface Props {
+    value: Array<any>;
+    outerflex: string;
+    flex: string;
+    contentImgRadius: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    value: () => [],
+    outerflex: 'row',
+    flex: 'row',
+});
+const split_list = ref(props.value);
+
+watchEffect(() => {
+    split_list.value = props.value;
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file