添加图片控制属性

lgf196 · Mar 15, 2022 · bd3d27f · bd3d27f
1 parent 24cddde
commit bd3d27f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/core/componentTemplate/picture/Image/config.ts b/src/core/componentTemplate/picture/Image/config.ts
@@ -45,6 +45,23 @@ export const ImageConfig = (
       width: w,
       height: h,
     },
-    editableEl: [],
+    editableEl: [
+      {
+        type: 'BorderRadius',
+        name: '圆角',
+        title: '高级样式',
+        key: 'borderRadius',
+      },
+      {
+        type: 'BoxShadow',
+        name: '阴影',
+        key: 'boxShadow',
+      },
+      {
+        type: 'Slider',
+        name: '透明度',
+        key: 'opacity',
+      },
+    ],
   };
 };
diff --git a/src/core/componentTemplate/picture/Image/index.tsx b/src/core/componentTemplate/picture/Image/index.tsx
@@ -9,7 +9,7 @@ const Index: FC<templateDataType> = memo(function Index(props) {
         src={props.icon}
         alt=""
         // pointerEvents: 'none' 阻止默认行为
-        style={{ width: '100%', height: '100%', pointerEvents: 'none' }}
+        style={{ width: '100%', height: '100%', pointerEvents: 'none', ...resultStyle }}
         onClick={(e) => e.preventDefault()}
       />
     </div>