Gitlink
/
forgeplus-react
32
0
Fork 29
Code Issues Pull Requests 1 Releases 1 Wiki Activity

新建项目页面排版调整

This commit is contained in:
caishi 2021-09-09 16:35:02 +08:00
parent a4475e995b
commit a24132412e
2 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/forge/New/Index.js
View File

@ -377,7 +377,6 @@ class Index extends Component {
<span className="mr10">密码</span> <span className="mr10">密码</span>
<Form.Item <Form.Item
style={{ marginBottom: "0px" }} style={{ marginBottom: "0px" }}
label=""
> >
{getFieldDecorator('password', { {getFieldDecorator('password', {
rules: [], rules: [],
@ -394,6 +393,7 @@ class Index extends Component {
label="拥有者" label="拥有者"
style={{width:"260px"}} style={{width:"260px"}}
colon={false} colon={false}
className="explainPos"
> >
{getFieldDecorator('user_id', { {getFieldDecorator('user_id', {
rules: [{ rules: [{
@ -416,7 +416,7 @@ class Index extends Component {
<span className="ml10 mr10 mt10 font-18">/</span> <span className="ml10 mr10 mt10 font-18">/</span>
<Form.Item <Form.Item
label="项目名称" label="项目名称"
className="flex1" className="flex1 explainPos"
colon={false} colon={false}
> >
{getFieldDecorator('name', { {getFieldDecorator('name', {
@ -462,7 +462,7 @@ class Index extends Component {
className="privatePart" className="privatePart"
> >
{getFieldDecorator('ignoreFlag')( {getFieldDecorator('ignoreFlag')(
<Checkbox checked={ignoreFlag}>.gitignore</Checkbox> <Checkbox checked={ignoreFlag} onChange={(e)=>this.setState({ignoreFlag:e.target.checked})}>.gitignore</Checkbox>
)} )}
</Form.Item> </Form.Item>
{ ignoreFlag && { ignoreFlag &&
@ -489,7 +489,7 @@ class Index extends Component {
className="privatePart" className="privatePart"
> >
{getFieldDecorator('licenseFlag')( {getFieldDecorator('licenseFlag')(
<Checkbox checked={licenseFlag}>开源许可证</Checkbox> <Checkbox checked={licenseFlag} onChange={(e)=>this.setState({licenseFlag:e.target.checked})}>开源许可证</Checkbox>
)} )}
</Form.Item> </Form.Item>
{ licenseFlag && { licenseFlag &&
@ -536,11 +536,13 @@ class Index extends Component {
className="privatePart" className="privatePart"
> >
{getFieldDecorator('categoreFlag')( {getFieldDecorator('categoreFlag')(
<Checkbox checked={categoreFlag}>项目类别</Checkbox> <Checkbox checked={categoreFlag} onChange={(e)=>this.setState({categoreFlag:e.target.checked})}>项目类别</Checkbox>
)} )}
</Form.Item> </Form.Item>
{categoreFlag && {categoreFlag &&
<Form.Item> <Form.Item
className="privatePart"
>
{getFieldDecorator('project_category', { {getFieldDecorator('project_category', {
rules: [{ rules: [{
required: categoreFlag, message: '请选择大类别', required: categoreFlag, message: '请选择大类别',

13
src/forge/New/new.scss
View File

@ -31,26 +31,23 @@
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
} }
.newPanel_content .ant-form-explain{
position: absolute;
}
.newContent_inline{ .newContent_inline{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
align-items:flex-end align-items:flex-end
} }
.explainPos{
.ant-form-explain{
position: absolute;
}
}
.newContent_inline > .ant-form-item:nth-child(2){ .newContent_inline > .ant-form-item:nth-child(2){
margin-left: 20px; margin-left: 20px;
} }
.privatePart{ .privatePart{
margin-bottom: 0px!important; margin-bottom: 0px!important;
.ant-form-item-control{
height: 28px;
line-height: 28px;
margin-top: 10px;
}
.ant-form-item-label{ .ant-form-item-label{
margin-left: 0px; margin-left: 0px;
} }