Commit 610ef3d7 by chenshu

fix:优化样式

parent 1d7da8f9
...@@ -327,7 +327,7 @@ class Home extends React.Component { ...@@ -327,7 +327,7 @@ class Home extends React.Component {
: list.map((item, index) => ( : list.map((item, index) => (
<div className={`table-item${index % 2 ? '' : ' odd'}`} key={item.id}> <div className={`table-item${index % 2 ? '' : ' odd'}`} key={item.id}>
{index < 3 ? {index < 3 ?
<img src={this.showNumber(index)} className="table-image" /> <span className="table-number"><img src={this.showNumber(index)} className="table-image" /></span>
: <span className="table-number">{index + 1}</span> : <span className="table-number">{index + 1}</span>
} }
<div className="table-data"> <div className="table-data">
......
...@@ -172,15 +172,15 @@ ...@@ -172,15 +172,15 @@
.table-image { .table-image {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin: 0 16px;
} }
.table-number { .table-number {
width: 10%; width: 15%;
color: #999; color: #999;
padding: 0 16px; padding: 0 16px;
text-align: center;
} }
.table-data { .table-data {
width: 60%; width: 55%;
padding: 0 16px; padding: 0 16px;
.table-name { .table-name {
color: #333; color: #333;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment