Browse Source

feat: 在功能区添加分隔符以区分按钮分组

- 在 FunctionArea.tsx 中导入 Divider 组件
- 在高级处理等4个按钮前添加垂直分隔符,形成独立功能区

改动文件:
- src/pages/view/components/FunctionArea.tsx
sw 2 days ago
parent
commit
42589ab717
1 changed files with 2 additions and 1 deletions
  1. 2 1
      src/pages/view/components/FunctionArea.tsx

+ 2 - 1
src/pages/view/components/FunctionArea.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 import React from 'react';
-import { Button, Flex } from 'antd';
+import { Button, Flex, Divider } from 'antd';
 import '@/themes/truncateText.css';
 import '@/themes/truncateText.css';
 import { useDispatch } from 'react-redux';
 import { useDispatch } from 'react-redux';
 import { setAction } from '@/states/view/functionAreaSlice';
 import { setAction } from '@/states/view/functionAreaSlice';
@@ -199,6 +199,7 @@ const FunctionArea = () => {
         action="Snapshot"
         action="Snapshot"
         iconName="imgsnapshot"
         iconName="imgsnapshot"
       />
       />
+      <Divider type="horizontal" style={{ height: 'auto', margin: '8px' }} />
       <FunctionButton
       <FunctionButton
         title="Advanced Processing"
         title="Advanced Processing"
         action="Advanced Processing"
         action="Advanced Processing"