Compare commits
No commits in common. "5db2dd767f38e985134bdb1c0d58c38628ea3852" and "ba5077dcb249ff69299c2b353265d9338131535e" have entirely different histories.
5db2dd767f
...
ba5077dcb2
|
|
@ -94,11 +94,7 @@ const onExport = () => {
|
||||||
{tableProps.dataSource?.map((item, index) => (
|
{tableProps.dataSource?.map((item, index) => (
|
||||||
<Timeline.Item key={index}>
|
<Timeline.Item key={index}>
|
||||||
<div className='time-line-item'>
|
<div className='time-line-item'>
|
||||||
<div style={{width:100}}>
|
<span style={{width:100}}>{item.eventsDate}</span>
|
||||||
<span>{item.eventsDate}</span>
|
|
||||||
<div className='dsj'>大事记</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='item-right'>
|
<div className='item-right'>
|
||||||
<span>{item.eventsDesc}</span>
|
<span>{item.eventsDesc}</span>
|
||||||
<div style={{ display: "flex"}}>
|
<div style={{ display: "flex"}}>
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,13 @@
|
||||||
.basic-info {
|
.basic-info{
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 5px 25px;
|
padding:5px 25px;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
&::before{
|
||||||
&::before {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top:8px;
|
||||||
left: 0;
|
left:0;
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
|
|
@ -16,35 +15,16 @@
|
||||||
background-color: #0079fe;
|
background-color: #0079fe;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.time-line{
|
||||||
.time-line {
|
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin-left: 6%;
|
margin-left: 6%;
|
||||||
margin-top: 1%;
|
margin-top: 1%;
|
||||||
|
.time-line-item{
|
||||||
.time-line-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
column-gap: 20px;
|
column-gap: 20px;
|
||||||
|
.item-right{
|
||||||
.dsj {
|
flex:1;
|
||||||
border-width: 0px;
|
|
||||||
width: 82px;
|
|
||||||
height: 30px;
|
|
||||||
background: inherit;
|
|
||||||
background-color: rgba(128, 255, 255, 1);
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
-moz-box-shadow: none;
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
line-height: 30px;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-right {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue