diff --git a/packages/core/src/common/previewCell/behavior.tsx b/packages/core/src/common/previewCell/behavior.tsx index 67ca80b..119b803 100644 --- a/packages/core/src/common/previewCell/behavior.tsx +++ b/packages/core/src/common/previewCell/behavior.tsx @@ -9,8 +9,10 @@ interface IProps { const Cell: React.FC = (props) => { const { title = '处理', ...rest } = props; return ( -
- {title} +
+
+ {title} +
); }; diff --git a/packages/core/src/common/previewCell/branch.tsx b/packages/core/src/common/previewCell/branch.tsx index 2fac1f2..c69b9d6 100644 --- a/packages/core/src/common/previewCell/branch.tsx +++ b/packages/core/src/common/previewCell/branch.tsx @@ -8,18 +8,15 @@ interface IProps { const Cell: React.FC = (props) => { const { title = '判断', ...rest } = props; + const z = (n: any) => n * 1.2; return ( -
- +
+ diff --git a/packages/core/src/common/previewCell/index.module.less b/packages/core/src/common/previewCell/index.module.less index b73ca2a..e993714 100644 --- a/packages/core/src/common/previewCell/index.module.less +++ b/packages/core/src/common/previewCell/index.module.less @@ -1,41 +1,48 @@ -.circle { +.box { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; - border-radius: 30px; - font-size: 11px; - color: #FFF; - background-color: #333; -} - -.rect { - display: flex; - justify-content: center; - align-items: center; - width: 60px; - height: 30px; - font-size: 11px; - color: #333; - background-color: #AACCF7; - border: 2px solid #5E9CEE; -} - -.diamond { + background-color: #f2f2f2; position: relative; - width: 60px; - height: 30px; - font-size: 11px; - + cursor: pointer; .text { z-index: 1; position: absolute; - top: 0; + top: 15px; left: 0; width: 100%; height: 100%; + font-size: 11px; + height: 30px; line-height: 30px; text-align: center; + font-weight: 500; } +} + +.circle { + display: flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + border-radius: 30px; + color: #FFF; + background-color: #6B8CD7; + border: 2px solid #4E68A3; +} + +.rect { + display: flex; + justify-content: center; + align-items: center; + width: 52px; + height: 30px; + font-size: 12px; + color: #333; + border-radius: 4px; + background-color: #BCD0FF; + border: 2px solid #6B8CD7; } \ No newline at end of file diff --git a/packages/core/src/common/previewCell/start.tsx b/packages/core/src/common/previewCell/start.tsx index b32fd69..1b42f0a 100644 --- a/packages/core/src/common/previewCell/start.tsx +++ b/packages/core/src/common/previewCell/start.tsx @@ -9,8 +9,10 @@ interface IProps extends React.HTMLProps { const Cell: React.FC = (props) => { const { title = '开始', ...rest } = props; return ( -
- {title} +
+
+ {title} +
); };