forked from Gitlink/forgeplus-react
81 lines
2.2 KiB
React
81 lines
2.2 KiB
React
|
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>
|
|||
|
|
)
|
|||
|
|
}
|