login.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import React from 'react';
  2. import ReactDOM from 'react-dom';
  3. import { Icon, Tabs } from 'antd';
  4. import '../../css/base.less';
  5. import '../../css/login.less';
  6. import LoginFrom from '../component/login/loginFrom.jsx';
  7. import loginqq from '../../image/login_qq.png';
  8. import loginweixin from '../../image/login_weixin.png';
  9. import loginweibo from '../../image/login_weibo.png';
  10. const TabPane = Tabs.TabPane;
  11. ReactDOM.render(
  12. <div className="wrap">
  13. <div className="header">
  14. <div className="login-logo">
  15. <div className="logo">
  16. <img src="" alt="" />
  17. </div>
  18. <div className="logo-text">
  19. <span>logo-text</span>
  20. </div>
  21. </div>
  22. <p className="back"><a href="./index.html"><Icon type="left" />返回首页</a></p>
  23. <p className="text">卓越的能力应用与技术交易平台</p>
  24. </div>
  25. <div className="content clearfix">
  26. <div className="login-left">
  27. <img src="" alt="" />
  28. </div>
  29. <div className="login-right">
  30. <Tabs defaultActiveKey="1" className="login-from">
  31. <TabPane tab="个人登录" key="1">
  32. <LoginFrom />
  33. </TabPane>
  34. <TabPane tab="公司登录" key="2">
  35. <LoginFrom />
  36. </TabPane>
  37. </Tabs>
  38. <div className="login-other">
  39. <ul className="clearfix">
  40. <li><img src={loginqq} alt="" /><p>QQ登录</p></li>
  41. <li><img src={loginweixin} alt="" /><p>微信登录</p></li>
  42. <li><img src={loginweibo} alt="" /><p>微博登录</p></li>
  43. </ul>
  44. </div>
  45. </div>
  46. </div>
  47. <div className="footer">
  48. <p>Copyright © 2016-2017 阿凡提 版权所有 技术支持:湖南智明科技有限公司</p>
  49. </div>
  50. </div>,
  51. document.getElementById('root')
  52. )