画布卡片

src/views/canvas/components/card.vue

@@ -21,6 +21,10 @@
 	import { computed, ref, markRaw, onMounted } from 'vue'
 	import ToRealStyle from './cards/to-real-style.vue'
 	import SceneComposition from './cards/scene-composition.vue'
+	import ColorPalette from './cards/color-palette.vue'
+	import ToVideo from './cards/to-video.vue'
+	import To3DModel from './cards/to-3d-model.vue'
+	import EditMaterial from './cards/edit-material.vue'
 	const components = [
 		{
 			type: 'to-real-style',
@@ -35,17 +39,17 @@
 		{
 			type: 'color-palette',
 			title: 'Color Palette',
-			component: SceneComposition
+			component: ColorPalette
 		},
 		{
 			type: 'to-video',
 			title: 'To Video',
-			component: SceneComposition
+			component: ToVideo
 		},
 		{
 			type: 'to-3d-model',
 			title: 'To 3D Model',
-			component: SceneComposition
+			component: To3DModel
 		},
 		{
 			type: 'add-print',
@@ -55,7 +59,7 @@
 		{
 			type: 'edit-material',
 			title: 'Edit Material',
-			component: SceneComposition
+			component: EditMaterial
 		}
 	]
 	const emit = defineEmits(['add', 'generate'])
@@ -121,6 +125,20 @@
 		}
 		> .body {
 			padding: 1.6rem 1.3rem;
+			&:deep(> *) {
+				width: 100%;
+				> * {
+					margin-bottom: 1rem;
+					&:last-child {
+						margin-bottom: 0;
+					}
+				}
+				> .label {
+					font-size: 1.2rem;
+					font-family: Medium;
+					color: #000;
+				}
+			}
 		}
 		> .footer {
 			margin-bottom: 1.6rem;