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