Compare commits
2 Commits
ba5077dcb2
...
5db2dd767f
| Author | SHA1 | Date |
|---|---|---|
|
|
5db2dd767f | |
|
|
bde0f178ec |
|
|
@ -94,7 +94,11 @@ 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'>
|
||||||
<span style={{width:100}}>{item.eventsDate}</span>
|
<div style={{width:100}}>
|
||||||
|
<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"}}>
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
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;
|
||||||
|
|
@ -15,14 +16,33 @@
|
||||||
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;
|
||||||
|
|
||||||
|
.dsj {
|
||||||
|
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 {
|
.item-right {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue