padding

src/modules/editor/components/CompUI/basicUI/Page/PageForm.tsx

@@ -24,13 +24,17 @@ const styleColumns = (muisc?: string): ColumnItem[] => {
         value: muisc,
         options: [{ label: "无", value: "" }, ...MusicOptions],
       },
-    },{
+    },
+    {
       label: "页面模式",
       dataIndex: "value.pageMode",
       component: Select,
       props: {
         class: "w-full flex-1 overflow-hidden",
-        options: [{ label: "长页", value: "long" }, { label: "翻页", value: "short" }],
+        options: [
+          { label: "长页", value: "long" },
+          { label: "翻页", value: "short" },
+        ],
       },
     },
     {
@@ -72,6 +76,9 @@ export const PageForm = defineComponent({
 
 const formStyle = css`
   .item_label {
-    color: #A9ABAF !important;
+    color: #a9abaf !important;
+  }
+  & > div {
+    padding: 0;
   }
-`
+`;

src/modules/editor/components/CompUI/defines/createAttrsForm.tsx

@@ -230,7 +230,9 @@ export function createAttrsForm(valueColumns: ColumnItem[], columnsUI?: any) {
           <div class={formStyle}>
             {valueColumns.length ? (
               <>
-                <div> <span class="text-white">属性</span></div>
+                <div>
+                  <span class="text-white">属性</span>
+                </div>
                 <FormUI
                   data={component}
                   columns={valueColumns}
@@ -240,17 +242,21 @@ export function createAttrsForm(valueColumns: ColumnItem[], columnsUI?: any) {
               </>
             ) : null}
             {columnsUI && <columnsUI component={component} />}
-            <div><span class="text-white">布局</span></div>
+            <div>
+              <span class="text-white">布局</span>
+            </div>
             <FormUI
               data={component}
               columns={layoutColumns}
-              style={{color: "red"}}
+              style={{ color: "red" }}
               onChange={changeVal}
             />
             {["Web3D", "Video", "Map"].includes(component.compKey) ? null : (
               <>
                 <Divider></Divider>
-                <div> <span class="text-white">背景</span> </div>
+                <div>
+                  <span class="text-white">背景</span>{" "}
+                </div>
                 <FormUI
                   data={component}
                   columns={bgColumns}
@@ -261,7 +267,9 @@ export function createAttrsForm(valueColumns: ColumnItem[], columnsUI?: any) {
             {["Text", "Image", "Map"].includes(component.compKey) ? (
               <>
                 <Divider></Divider>
-                <div><span class="text-white">边框</span></div>
+                <div>
+                  <span class="text-white">边框</span>
+                </div>
                 <FormUI
                   data={component}
                   columns={bdColumns}
@@ -277,8 +285,10 @@ export function createAttrsForm(valueColumns: ColumnItem[], columnsUI?: any) {
 }
 
 const formStyle = css`
-
   .item_label {
-    color: #A9ABAF !important;
+    color: #a9abaf !important;
+  }
+  & > div {
+    padding: 0 !important;
   }
-`
+`;