diff --git a/src/components/BasicShop/BasicComponents/LongText/index.tsx b/src/components/BasicShop/BasicComponents/LongText/index.tsx
index 840be4b..aa69b7e 100644
--- a/src/components/BasicShop/BasicComponents/LongText/index.tsx
+++ b/src/components/BasicShop/BasicComponents/LongText/index.tsx
@@ -3,7 +3,18 @@ import styles from './index.less';
import { ILongTextConfig } from './schema';
import logo from '@/assets/08-长文本.png';
const LongText = memo((props: ILongTextConfig & { isTpl: boolean }) => {
- const { text, fontSize, color, indent, lineHeight, textAlign, isTpl } = props;
+ const {
+ text,
+ fontSize,
+ color,
+ indent,
+ lineHeight,
+ textAlign,
+ bgColor,
+ padding,
+ radius,
+ isTpl,
+ } = props;
return (
<>
{isTpl ? (
@@ -13,7 +24,16 @@ const LongText = memo((props: ILongTextConfig & { isTpl: boolean }) => {
) : (
{text}
diff --git a/src/components/BasicShop/BasicComponents/LongText/schema.ts b/src/components/BasicShop/BasicComponents/LongText/schema.ts
index 8a7ba6c..e89dc95 100644
--- a/src/components/BasicShop/BasicComponents/LongText/schema.ts
+++ b/src/components/BasicShop/BasicComponents/LongText/schema.ts
@@ -23,6 +23,9 @@ export interface ILongTextConfig {
indent: TNumberDefaultType;
lineHeight: TNumberDefaultType;
textAlign: TSelectDefaultType;
+ bgColor: TColorDefaultType;
+ padding: TNumberDefaultType;
+ radius: TNumberDefaultType;
}
export interface ILongTextSchema {
@@ -78,6 +81,21 @@ const LongText: ILongTextSchema = {
type: 'Number',
step: 0.1,
},
+ {
+ key: 'bgColor',
+ name: '背景颜色',
+ type: 'Color',
+ },
+ {
+ key: 'padding',
+ name: '填充间距',
+ type: 'Number',
+ },
+ {
+ key: 'radius',
+ name: '背景圆角',
+ type: 'Number',
+ },
],
config: {
text: '我是长文本有一段故事,dooring可视化编辑器无限可能,赶快来体验吧,骚年们,奥利给~',
@@ -86,6 +104,9 @@ const LongText: ILongTextSchema = {
indent: 20,
lineHeight: 1.8,
textAlign: 'left',
+ bgColor: 'rgba(255,255,255,0)',
+ padding: 0,
+ radius: 0,
},
};