修改组件显示

src/components/common/common-styles/index.vue

@@ -28,13 +28,13 @@
                 <el-form-item label="内边距">
                     <padding :value="form" @update:value="padding_change"></padding>
                 </el-form-item>
-                <el-form-item label="外边距">
+                <el-form-item v-if="isMargin" label="外边距">
                     <margin :value="form" @update:value="margin_change"></margin>
                 </el-form-item>
                 <el-form-item label="圆角">
                     <radius :value="form" @update:value="radius_change"></radius>
                 </el-form-item>
-                <el-form-item label="阴影设置">
+                <el-form-item v-if="isShadow" label="阴影设置">
                     <div class="flex-col gap-10 w">
                         <el-form-item label="颜色" label-width="45">
                             <color-picker v-model="form.box_shadow_color" @update:value="box_shadow_color_event"></color-picker>
@@ -63,6 +63,14 @@ const props = defineProps({
     value: {
         type: Object,
         default: () => ({}),
+    },
+    isMargin: {
+        type: Boolean,
+        default: true,
+    },
+    isShadow: {
+        type: Boolean,
+        default: true,
     }
 });
 // 初始化表单数据

src/components/page-settings/page-styles.vue

@@ -52,7 +52,7 @@
                 </el-form-item>
             </card-container>
         </el-form>
-        <common-styles class="styles-height" :value="form.common_style" @update:value="common_styles_update" />
+        <common-styles :value="form.common_style" :is-margin="false" :is-shadow="false" @update:value="common_styles_update" />
     </div>
 </template>
 <script setup lang="ts">
@@ -79,8 +79,5 @@ const mult_color_picker_event = (arry: string[], type: number) => {
 <style lang="scss" scoped>
 .styles {
     width: 100%;
-    .styles-height {
-        min-height: calc(100vh - 16.8rem);
-    }
 }
 </style>