Explorar o código

style: 任务弹窗添加分割线

ZhaoJun hai 1 ano
pai
achega
571fd0ec8f

+ 3 - 1
src/pages/TaskManage/Popup/index.js

@@ -6,7 +6,7 @@ import {
 import { UnityAction } from '@/utils/utils';
 import { CloseOutlined } from '@ant-design/icons';
 import { connect, useLocation, useParams, useRequest } from '@umijs/max';
-import { Button, Tabs } from 'antd';
+import { Button, Divider, Tabs } from 'antd';
 import { useEffect, useState } from 'react';
 import MandateDetail from '../components/MandateDetail';
 import styles from './index.less';
@@ -125,6 +125,7 @@ const TaskModal = (props) => {
         icon={<CloseOutlined style={{ fontSize: '24px' }} />}
         onClick={closePage}
       />
+
       {mandateIDs && Array.isArray(mandateIDs) ? (
         <Tabs
           defaultActiveKey={String(mandateIDs[0])}
@@ -135,6 +136,7 @@ const TaskModal = (props) => {
       ) : (
         <>
           {modalTitle}
+          <Divider style={{ margin: '10px 0' }} />
           <MandateDetail
             mandateID={mandateIDs}
             userList={userList}

+ 3 - 3
src/pages/TaskManage/Popup/index.less

@@ -1,11 +1,11 @@
 .modalContainer {
-  padding: 0 30px 30px 30px;
+  padding: 30px;
 }
 
 .closeModalBtn {
   position: absolute;
-  top: 15px;
-  right: 20px;
+  top: 40px;
+  right: 30px;
 }
 
 .mandate > * {