diff --git a/src/components/PanelComponents/DataList/index.less b/src/components/PanelComponents/DataList/index.less index ab6c4eb..c6e60b5 100644 --- a/src/components/PanelComponents/DataList/index.less +++ b/src/components/PanelComponents/DataList/index.less @@ -1,6 +1,9 @@ .dataList { padding: 6px 10px; border: 1px solid #f0f0f0; + text-align: justify; + padding-left: 10px; + padding-top: 10px; } .listItem { position: relative; @@ -18,6 +21,7 @@ } .tit { font-weight: bold; + padding-bottom: 5px; } .desc { font-size: 12px; diff --git a/src/components/PanelComponents/DataList/index.tsx b/src/components/PanelComponents/DataList/index.tsx index 3c9aa4a..1a82d23 100644 --- a/src/components/PanelComponents/DataList/index.tsx +++ b/src/components/PanelComponents/DataList/index.tsx @@ -226,7 +226,7 @@ const List = function(props: DataListType) { /> ))}
-
diff --git a/src/components/PanelComponents/FormEditor/index.tsx b/src/components/PanelComponents/FormEditor/index.tsx index 7c92e98..0d326cc 100644 --- a/src/components/PanelComponents/FormEditor/index.tsx +++ b/src/components/PanelComponents/FormEditor/index.tsx @@ -163,11 +163,11 @@ const FormEditor = (props: FormEditorProps) => { ); })} - + {/*
- +
*/} ); }; diff --git a/src/components/PanelComponents/MutiText/index.less b/src/components/PanelComponents/MutiText/index.less index 600298c..b2d6716 100644 --- a/src/components/PanelComponents/MutiText/index.less +++ b/src/components/PanelComponents/MutiText/index.less @@ -6,6 +6,7 @@ // font-size: 14px; margin-left: 12px; cursor: pointer; + align-self: center; } } } diff --git a/src/components/PanelComponents/MutiText/index.tsx b/src/components/PanelComponents/MutiText/index.tsx index c572300..b47354c 100644 --- a/src/components/PanelComponents/MutiText/index.tsx +++ b/src/components/PanelComponents/MutiText/index.tsx @@ -1,6 +1,6 @@ import React, { memo, useEffect } from 'react'; import { Input, Button, Popconfirm } from 'antd'; -import { MinusCircleOutlined } from '@ant-design/icons'; +import { MinusCircleFilled } from '@ant-design/icons'; import styles from './index.less'; import { TMutiTextDefaultType } from '../FormEditor/types'; @@ -46,7 +46,7 @@ export default memo(function MutiText(props: MultiTextProps) { cancelText="取消" > - + @@ -59,7 +59,7 @@ export default memo(function MutiText(props: MultiTextProps) { )} {value && value.length < 3 && (
-
diff --git a/src/components/PanelComponents/Pos/index.less b/src/components/PanelComponents/Pos/index.less index 0bb6bb6..504c546 100644 --- a/src/components/PanelComponents/Pos/index.less +++ b/src/components/PanelComponents/Pos/index.less @@ -1,5 +1,7 @@ .posIpt { display: flex; + justify-content: flex-end; + margin-right: -10px; .posItem { margin-right: 10px; span { diff --git a/src/components/PanelComponents/Upload/index.less b/src/components/PanelComponents/Upload/index.less index 3aed713..8f00bfc 100644 --- a/src/components/PanelComponents/Upload/index.less +++ b/src/components/PanelComponents/Upload/index.less @@ -10,11 +10,12 @@ .avatarUploader { display: inline-block; + text-align: left; } .wallBtn { position: absolute; - left: 120px; + left: 140px; bottom: 56px; display: inline-block; color: #2f54eb; diff --git a/src/components/PanelComponents/Upload/index.tsx b/src/components/PanelComponents/Upload/index.tsx index 4809fe4..78eeb7b 100644 --- a/src/components/PanelComponents/Upload/index.tsx +++ b/src/components/PanelComponents/Upload/index.tsx @@ -214,7 +214,7 @@ class PicturesWall extends React.Component { )}
- 从图片库中选择 + 图片库
label { position: fixed; color: #4A4A4A; @@ -88,10 +91,17 @@ body { #form_editor .ant-input-number-handler-wrap { width: 12px; } -#form_editor .ant-input, #form_editor .ant-input-number { +#form_editor .ant-input, #form_editor .ant-input-number,#form_editor .ant-select-selector { background-color: #f6f6f6; width: 160px; } +#form_editor .ant-form-item .ant-select { + width: 87%; + text-align: center; +} +#form_editor .ant-radio-wrapper { + margin-right: 0; +} #form_editor .ant-input-number { width: 42px; height: 24px; @@ -124,4 +134,8 @@ body { } #form_editor .za-select--arrow .za-select__input:after { display: none; +} +#form_editor .ant-upload-list-picture-card-container { + display: flex; + margin-left: 30px; } \ No newline at end of file diff --git a/src/pages/editor/Container.tsx b/src/pages/editor/Container.tsx index 072e57b..02ed2f0 100644 --- a/src/pages/editor/Container.tsx +++ b/src/pages/editor/Container.tsx @@ -33,6 +33,7 @@ import styles from './index.less'; // import { useGetBall } from 'react-draggable-ball'; import { dooringContext } from '@/layouts'; import { throttle } from '@/utils/tool'; +import { Button } from 'antd'; const { TabPane } = Tabs; @@ -243,6 +244,9 @@ const Container = (props: { onSave={handleFormSave} onDel={handleDel} /> + {/*
+ +
*/} ) : (
@@ -550,6 +554,28 @@ const Container = (props: { > {!rightColla ? : }
+
+ +