forked from Gitlink/forgeplus-react
81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
import React from 'react';
|
||
import styled from 'styled-components';
|
||
import { Button } from 'antd';
|
||
import User from '../Component/User';
|
||
import Keys from '../Component/Keys';
|
||
|
||
const Infos = styled.div`
|
||
border:1px solid #DDDDDD;
|
||
& .commitinfos{
|
||
background-color:#F1F8FF;
|
||
border-bottom:1px solid #ddd;
|
||
padding:20px;
|
||
}
|
||
& > .f-wrap-between{
|
||
padding:10px 24px;
|
||
}
|
||
`;
|
||
const Operation = styled.p`
|
||
border-bottom:1px solid #eee;
|
||
padding:12px 0px;
|
||
margin-top:10px;
|
||
display:flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
`;
|
||
|
||
const fileUl = styled.ul`
|
||
& li{
|
||
display:flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height:20px;
|
||
line-height:20px;
|
||
margin-bottom:10px;
|
||
}
|
||
`;
|
||
|
||
const files = ()=>{
|
||
return(
|
||
<fileUl>
|
||
<li>
|
||
<span><i className="iconfont icon-wenjia color-grey-3 font-16 mr8"></i></span>
|
||
</li>
|
||
</fileUl>
|
||
)
|
||
}
|
||
|
||
export default () => {
|
||
return(
|
||
<div className="main">
|
||
<Infos>
|
||
<div className="commitinfos">
|
||
<p className="f-wrap-between">
|
||
<span className="font-20 color-grey-3">title</span>
|
||
<Button type="primary">浏览代码</Button>
|
||
</p>
|
||
<pre className="mt10">I wanner be a dancer \n I wanner be a dancer I wanner be a dancer</pre>
|
||
</div>
|
||
<div className="f-wrap-between" style={{alignItems:'center'}}>
|
||
<ul className="df">
|
||
<User url="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3025493530,1989042357&fm=26&gp=0.jpg" name="caicai" />
|
||
</ul>
|
||
<li className="df">
|
||
<Keys title="父节点" value={"dddddd"} className="mr20"></Keys>
|
||
<Keys title="当前节点" value={"dddddd"}></Keys>
|
||
</li>
|
||
</div>
|
||
</Infos>
|
||
<Operation>
|
||
<span>
|
||
<i className="iconfont icon-triangle mr8 color-grey-9 font-16"></i>
|
||
<span className="color-grey-9">
|
||
共有<span>3个文件被更改</span>，包括<span className="color-green">20次插入</span><span className="color-red">和3次删除</span>
|
||
</span>
|
||
</span>
|
||
<Button>双栏查看</Button>
|
||
</Operation>
|
||
|
||
</div>
|
||
)
|
||
} |