PCqiandao
parent
cdeca5e845
commit
9e6a6a902b
@ -0,0 +1,97 @@
|
|||||||
|
/* 中间居中 */
|
||||||
|
.intermediatecenter{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
/* 简单居中 */
|
||||||
|
.intermediatecenterysls{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 头顶部居中 */
|
||||||
|
.topcenter{
|
||||||
|
display: -webkit-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* 均匀分开 */
|
||||||
|
.spacearound{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* 两边靠墙中间均匀分开 */
|
||||||
|
.spacebetween{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
/* 从左分开 */
|
||||||
|
.spacearoundflexstart{
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.spacebetween{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unpsysls{
|
||||||
|
display: inline-block;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* x轴正方向排序 */
|
||||||
|
/* 一 二 三 四 五 六 七 八 */
|
||||||
|
.sortinxdirection{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
/* x轴反方向排序 */
|
||||||
|
/* 八 七 六 五 四 三 二 一 */
|
||||||
|
.xaxisreverseorder{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:row-reverse;
|
||||||
|
}
|
||||||
|
/* 垂直布局 正方向*/
|
||||||
|
/* 一
|
||||||
|
二
|
||||||
|
三
|
||||||
|
四
|
||||||
|
五
|
||||||
|
六
|
||||||
|
七
|
||||||
|
八 */
|
||||||
|
.verticallayout{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:column;
|
||||||
|
}
|
||||||
|
/* 垂直布局 反方向*/
|
||||||
|
.reversedirection{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:column-reverse;
|
||||||
|
}
|
||||||
|
/* 两端对齐 */
|
||||||
|
.alignmentatbothends{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.ws100s{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ws70s{
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hs30s{
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
|
.yslmaxheigth80 .ant-tabs .ant-tabs-top{
|
||||||
|
border-bottom: 1px solid #ffffff !important;
|
||||||
|
}
|
@ -0,0 +1,37 @@
|
|||||||
|
import React,{ Component } from "react";
|
||||||
|
import '../css/signincdi.css';
|
||||||
|
import { Tabs } from 'antd';
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
// 主签到目录 主签到目录
|
||||||
|
class Signinmain extends Component{
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state={
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidUpdate = (prevProps) => {
|
||||||
|
console.log("componentDidUpdate");
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 主签到目录
|
||||||
|
render(){
|
||||||
|
return(
|
||||||
|
<React.Fragment>
|
||||||
|
<div className="edu-back-white">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</React.Fragment>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default Signinmain;
|
@ -0,0 +1,53 @@
|
|||||||
|
import React,{ Component } from "react";
|
||||||
|
import '../css/signincdi.css';
|
||||||
|
import { Tabs } from 'antd';
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
//在线学习
|
||||||
|
class Teachers_signin extends Component{
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state={
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidUpdate = (prevProps) => {
|
||||||
|
console.log("componentDidUpdate");
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
callback=(key)=> {
|
||||||
|
console.log(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
render(){
|
||||||
|
return(
|
||||||
|
<React.Fragment>
|
||||||
|
<div className="edu-back-white">
|
||||||
|
<div className="clearfix padding20 bor-bottom-greyE yslmaxheigth80" >
|
||||||
|
<div className="ws100s">
|
||||||
|
<Tabs defaultActiveKey="1" onChange={this.callback}>
|
||||||
|
<TabPane tab="正在签到" key="1">
|
||||||
|
Content of Tab Pane 1
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="历史签到" key="2">
|
||||||
|
Content of Tab Pane 2
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</React.Fragment>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default Teachers_signin;
|
@ -0,0 +1,56 @@
|
|||||||
|
import React,{ Component } from "react";
|
||||||
|
import '../css/signincdi.css';
|
||||||
|
import { Tabs } from 'antd';
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
//在线学习
|
||||||
|
class Students_signin extends Component{
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state={
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidUpdate = (prevProps) => {
|
||||||
|
console.log("componentDidUpdate");
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
callback=(key)=> {
|
||||||
|
console.log(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
render(){
|
||||||
|
return(
|
||||||
|
<React.Fragment>
|
||||||
|
<div className="edu-back-white">
|
||||||
|
<div className="clearfix padding20 bor-bottom-greyE yslmaxheigth80" >
|
||||||
|
<div className="ws100s">
|
||||||
|
<Tabs defaultActiveKey="1" onChange={this.callback}>
|
||||||
|
<TabPane tab="正在签到" key="1">
|
||||||
|
Content of Tab Pane 1
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="历史签到" key="2">
|
||||||
|
Content of Tab Pane 2
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="签到统计" key="3">
|
||||||
|
Content of Tab Pane 3
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</React.Fragment>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default Students_signin;
|
Loading…
Reference in new issue