content.jsx 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. import React from 'react';
  2. import { Spin, Button, Tabs } from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js'
  4. import $ from 'jquery/src/ajax';
  5. import '../content.less';
  6. import LeftTab from './leftTab.jsx';
  7. const TabPane = Tabs.TabPane;
  8. const Content = React.createClass({
  9. getInitialState() {
  10. return {
  11. loading: false
  12. };
  13. },
  14. render() {
  15. return (
  16. <div className="manage-content">
  17. <LeftTab handlekey={this.handlekey} />
  18. <div className="content-right">
  19. <Spin spinning={this.state.loading} className='spin-box'>
  20. <div className="index-content">
  21. </div>
  22. </Spin>
  23. </div>
  24. </div>
  25. )
  26. }
  27. });
  28. export default Content;
  29. // <div className="index-content">
  30. // <div className="index-userdata clearfix">
  31. // <p className="acc-title">{this.state.number}</p>
  32. // <div className="userdata-img">
  33. // <img src={globalConfig.staticHost + "/upload" + this.state.personPortraitUrl} alt="" />
  34. // </div>
  35. // <div className="userdata-content">
  36. // {(() => {
  37. // switch (userData.lvl || this.state.userlvl) {
  38. // case '0':
  39. // return <p className="userdata-lvl">等级:<span>LV1</span> 普通用户</p>;
  40. // case '1':
  41. // return <p className="userdata-lvl">等级:<span>LV2</span> 已认证用户</p>;
  42. // };
  43. // })()}
  44. // <p>完善资料 {this.state.per}% ,<a href="./set.html">继续完善</a>,有助于提高您的资信</p>
  45. // <p className="userdata-relate" style={{ 'display': 'none' }}>
  46. // <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
  47. // <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
  48. // <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
  49. // </p>
  50. // <div className="userdata-follow">已有<a href="">{this.state.follow}</a>人关注你</div>
  51. // </div>
  52. // </div>
  53. // <div className="index-record">
  54. // <p className="acc-title">我的轨迹</p>
  55. // <ul className="record-list clearfix">
  56. // <li>技术成果:<a href="">{this.state.chengguo}</a>项</li>
  57. // <li>技术开发:<a href="">{this.state.kaifa}</a>项</li>
  58. // <li>科技服务:<a href="">{this.state.fuwu}</a>项</li>
  59. // <li>发布需求:<a href="">{this.state.xuqiu}</a>项</li>
  60. // </ul>
  61. // </div>
  62. // <div className="index-activity">
  63. // <Tabs defaultActiveKey="1" onChange={this.tabChange}>
  64. // <TabPane tab="活动" key="1">
  65. // <p className="acc-title">即将举办的活动</p>
  66. // <ul className="activity-list">
  67. // {
  68. // this.state.activityArr.map(function (item, i) {
  69. // return <li key={i}>
  70. // <span className="list-type">[{item.type}]</span>
  71. // <span className="list-title">{item.title}</span>
  72. // <a href={item.link}>报名</a>
  73. // <span className="list-time">{item.time}</span>
  74. // </li>;
  75. // })
  76. // }
  77. // </ul>
  78. // </TabPane>
  79. // <TabPane tab="其他" key="2">Content of Tab Pane 2</TabPane>
  80. // </Tabs>
  81. // </div>
  82. // </div>