addRole

src/global.less

@@ -92,6 +92,9 @@ ol {
 .ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
   min-width: 100px;
 }
+.ant-card-body{
+  padding: 0;
+}
 .ant-breadcrumb{
   font-size: 0.1rem;
   .anticon {

src/pages/channel/editChannel.jsx

@@ -57,7 +57,7 @@ const header = props => {
 
   return (
   <>
-        <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form labelCol={{ span: 6 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
         <Form.Item label="渠道名称">
           {getFieldDecorator('channelName', {
             rules: [{ required: true, message: '请输入渠道名称' }],

src/pages/staff/list/addRole.jsx

@@ -152,11 +152,13 @@ const Poster = props => {
     }
   }
   const gridStyle1 = {
-    width: '17%',
+    width: '16%',
     textAlign: 'left',
+    height: '72px',
+    padding:'24px 10px'
   };
   const gridStyle2 = {
-    width: '80%',
+    width: '84%',
     textAlign: 'left',
     height: '72px',
   };
@@ -205,8 +207,8 @@ const Poster = props => {
   const { getFieldDecorator } = props.form;
   return (
     <>
-      <div >
-        <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+      <div>
+        <Form labelCol={{ span: 6 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
           <Form.Item label="角色名称">
             {getFieldDecorator('roleName', {
               rules: [{ required: true, message: '请输入角色名称' }],
@@ -216,13 +218,11 @@ const Poster = props => {
           {userMenus.map(item => (
             (item.parentCode === '-1') &&
             <Row >
-              <Col span={7}>
-
+              <Col span={6}>
               </Col>
-              <Col span={17}>
-
+              <Col span={18}>
 
-                <Card title={<Checkbox checked={dataMenuId.includes(item.menuId)} onChange={handleMenuChange(item)}>{item.name}</Checkbox>} bordered style={{ width: '100%', alignItems: 'center' }} >
+                <Card title={<Checkbox checked={dataMenuId.includes(item.menuId)} onChange={handleMenuChange(item)}>{item.name}</Checkbox>} bordered style={{ width: '100%', alignItems: 'center',margin:'10px 0', boxShadow:'3px 3px 10px  rgba(0,0,0,0.15)',borderRadius:'8px'}} >
                   {
                     userMenus.map(menu => (
 

src/pages/staff/list/style.less

@@ -21,6 +21,7 @@
   border-radius: 12px;
   margin-bottom: 40px;
   position: relative;
+  padding: 0.1rem;
   
 }