You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.8 KiB
78 lines
1.8 KiB
import React,{ Component } from "react";
|
|
import { Modal , Button} from 'antd';
|
|
import QRCode from 'qrcode.react';
|
|
|
|
class Qrcodesignin extends Component {
|
|
constructor(props) {
|
|
super(props)
|
|
}
|
|
render() {
|
|
|
|
const leftbuton={
|
|
"width":"130px",
|
|
"height":"40px",
|
|
"border":"1px solid rgba(76,172,255,1)",
|
|
"borderRadius":"4px",
|
|
}
|
|
|
|
const rightbuton={
|
|
"width":"130px",
|
|
"height":"40px",
|
|
"background":"#4CACFF",
|
|
"borderRadius":"4px",
|
|
}
|
|
return(
|
|
<React.Fragment>
|
|
{this.props.Qrcodesignintype?<Modal
|
|
title="二维码签到"
|
|
visible={this.props.Qrcodesignintype}
|
|
closable={false}
|
|
footer={null}
|
|
>
|
|
|
|
<div>
|
|
<div className={" marginauto clearfix edu-txt-center"}>
|
|
<QRCode
|
|
value={this.props.Qrcodesignintypedata.code} //value参数为生成二维码的链接
|
|
size={200} //二维码的宽高尺寸
|
|
fgColor="#000000" //二维码的颜色
|
|
/>
|
|
</div>
|
|
|
|
|
|
<div className={"mt20 marginauto clearfix edu-txt-center"}>
|
|
<a>请打开小程序在课堂的签到模块扫码签到</a>
|
|
</div>
|
|
|
|
<div className={"mt20 marginauto clearfix edu-txt-center"}>
|
|
<a>
|
|
<Button type="primary" ghost style={leftbuton} onClick={()=>this.props.GotomQrcodesodesy(null,false)}>
|
|
取消
|
|
</Button>
|
|
</a>
|
|
|
|
<a>
|
|
<Button type="primary" className={"ml20"} style={rightbuton} onClick={()=>this.props.GotomQrcodesodesy(null,false)}>
|
|
确定
|
|
</Button>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</Modal>:""}
|
|
</React.Fragment>
|
|
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default Qrcodesignin
|