60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
|
|
import React, { Component } from 'react';
|
|
import { observer, inject } from 'mobx-react';
|
|
|
|
import classes from './style.css';
|
|
|
|
@inject(stores => ({
|
|
avatar: stores.session.avatar,
|
|
code: stores.session.code,
|
|
getCode: stores.session.getCode,
|
|
}))
|
|
@observer
|
|
export default class Login extends Component {
|
|
componentDidMount() {
|
|
this.props.getCode();
|
|
}
|
|
|
|
renderUser() {
|
|
return (
|
|
<div className={classes.inner}>
|
|
{
|
|
<img
|
|
className="disabledDrag"
|
|
src={this.props.avatar} />
|
|
}
|
|
|
|
<p>扫码成功</p>
|
|
<p>请在手机微信上确认登陆</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
renderCode() {
|
|
var { code } = this.props;
|
|
|
|
return (
|
|
<div className={classes.inner}>
|
|
{
|
|
code && (<img className="disabledDrag" src={`https://login.weixin.qq.com/qrcode/${code}`} />)
|
|
}
|
|
|
|
<a href={window.location.pathname + '?' + +new Date()}>刷新二维码</a>
|
|
|
|
<p>扫描二维码登录微信</p>
|
|
<p>使用手机登录网页版微信</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className={classes.container}>
|
|
{
|
|
this.props.avatar ? this.renderUser() : this.renderCode()
|
|
}
|
|
</div>
|
|
);
|
|
}
|
|
}
|