教师端调整

PCqiandao
杨树明 5 years ago
parent 4ee068ff78
commit 1b57f5db98

@ -1,3 +1,4 @@
import "../css/Signinstatistics.css";
import React,{ Component } from "react";
import { Row, Col,Card } from 'antd';
import {
@ -149,45 +150,38 @@ class Signinstatistics extends Component {
}
};
return(
<React.Fragment>
<React.Fragment >
<Row type="flex" justify="space-between" className={"mt20"}>
<Col span={6}>
<Card style={{ width: 209 }} className={"gutterrowbox lishiqiandao"}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</Col>
<Col span={6}>
<Card style={{ width: 209 }} className={"ml8 gutterrowbox"}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</Col>
<Col span={6}>
<Card style={{ width: 209 }} className={"ml14 gutterrowbox"}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</Col>
<Col span={6} >
<Card style={{ width: 209 }} className={"ml20 gutterrowbox"}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</Col>
</Row>
<Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>
<Col className="gutter-row" span={6}>
<div className="gutter-box">
<div className={"gutterrowbox"}>
<Card style={{ width: 300 }}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</div>
</div>
</Col>
<Col className="gutter-row" span={6}>
<div className="gutter-box">
<div className={"gutterrowbox"}>
</div>
</div>
</Col>
<Col className="gutter-row" span={6}>
<div className="gutter-box">
<div className={"gutterrowbox"}>
</div>
</div>
</Col>
<Col className="gutter-row" span={6}>
<div className="gutter-box">
<div className={"gutterrowbox"}>
</div>
</div>
</Col>
</Row>
<div>
<Chart height={400} data={data} scale={cols} forceFit>
<Legend />

@ -1,4 +1,23 @@
.gutterrowbox{
width:209px;
height:150px;
border: none !important;
}
.ml14{
margin-left: 14px;
}
.ml8{
margin-left: 8px;
}
.ml20{
margin-left: 20px;
}
.lishiqiandao{
width: 100%;
height: 150px;
background-image: url(https://test-newweb.educoder.net/images/path/path.png);
background-color: #000a4f;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

@ -191,16 +191,13 @@ class Students_signin extends Component{
total={attendances_count}></Pagination>
</div>
</TabPane>
<TabPane tab="签到统计" key="3">
<Signinstatistics
{...this.props}
{...this.state}
/>
</TabPane>
{
isAdmin===true?
<TabPane tab="签到统计" key="3">
Content of Tab Pane 3
<Signinstatistics
{...this.props}
{...this.state}
/>
</TabPane>
:
""

Loading…
Cancel
Save