修改自定义层级逻辑

src/components/common/magic-cube/index.vue

@@ -13,7 +13,7 @@
                     <icon name="close" color="f" size="8"></icon>
                 </div>
                 <template v-if="item.img && !isEmpty(item.img[0] || '') && props.type == 'img'">
-                    <image-empty v-model="item.img[0]" :fit="styleActived == 10 ? 'contain' : 'cover'"></image-empty>
+                    <image-empty v-model="item.img[0]" ></image-empty>
                 </template>
                 <template v-else>
                     <div class="cube-selected-text">
@@ -61,6 +61,7 @@ interface Props {
     cubeWidth: number;
     cubeHeight: number;
     styleActived?: number;
+    img_fit?: string;
 }
 const props = withDefaults(defineProps<Props>(), {
     list: () => [],

src/components/model-custom/components/index.vue

@@ -457,7 +457,7 @@ const drop = (event: any) => {
             },
         };
 
-        diy_data.value.push(newItem);
+        diy_data.value.unshift(newItem);
         set_show_tabs(diy_data.value.length - 1);
     }
 };
@@ -861,4 +861,7 @@ defineExpose({
         }
     }
 }
+.el-input__textarea {
+  resize: none;
+}
 </style>

src/components/model-img-magic/model-img-magic-content.vue

@@ -10,6 +10,13 @@
                         </div>
                     </div>
                 </el-form-item>
+                <el-form-item label="图片设置">
+                    <el-radio-group v-model="form.img_fit">
+                        <el-radio value="contain">等比缩放</el-radio>
+                        <el-radio value="none">铺满</el-radio>
+                        <el-radio value="cover">等比剪切</el-radio>
+                    </el-radio-group>
+                </el-form-item>
             </card-container>
             <div class="bg-f5 divider-line" />
             <card-container>
@@ -45,7 +52,7 @@
                         </div>
                     </template>
                     <template v-else>
-                        <magic-cube :key="form.style_actived" :list="form.img_magic_list" :style-actived="form.style_actived" :flag="form.style_actived == 11" :cube-width="cubeWidth" :cube-height="cubeHeight" @selected_click="selected_click"></magic-cube>
+                        <magic-cube :key="form.style_actived" :list="form.img_magic_list" :style-actived="form.style_actived" :flag="form.style_actived == 11" :cube-width="cubeWidth" :cube-height="cubeHeight" :fit="form.img_fit" @selected_click="selected_click"></magic-cube>
                     </template>
                 </el-form-item>
             </card-container>

src/config/const/img-magic.ts

@@ -10,6 +10,7 @@ interface defaultSearch {
     content: {
         style_actived: number;
         img_magic_list: img_magic[];
+        img_fit: string;
     };
     style: {
         radius: number;
@@ -39,6 +40,7 @@ const defaultSearch: defaultSearch = {
                 img_link: {}
             }
         ],
+        img_fit: 'cover',
     },
     style: {
         radius: 0,