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, }, };