Appheader.jsx 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. import React,{Component} from "react";
  2. import logo from '../../logo.svg';//引入上层再上层目录
  3. import './Appheader.css'
  4. export default class Appheader extends Component{
  5. render(){
  6. return(
  7. <div id="left-tree" className="frame-nav g-sidebar ">
  8. <div id="tree-wrapper" className="">
  9. <div className="left-tree-brick brick-logo">
  10. <a href="https://www.tapd.cn/company/participant_projects?from=left_tree2" className="tapd-logo">
  11. <img src={logo} className="font-public-logo font-public"/>
  12. {/* <i className="font-public-logo font-public"></i> */}
  13. </a>
  14. </div>
  15. <div id="language_reload" className=" left-tree-brick current">
  16. <a id="top_nav_worktable" className="brick-wrap english has-tips" href="https://www.tapd.cn/my_worktable/?from=left_tree_cloud_v2">
  17. <img src={logo} className="font-public-worktable font-public"/>
  18. {/* <i className="font-public-worktable font-public"></i> */}
  19. <span id="todo_workitem_count" className="t-num nav-icon-num">
  20. <span className="todo_total">30</span>
  21. </span>
  22. <div className="left-tree-brick-text">工作台</div>
  23. </a>
  24. </div>
  25. <div className=" left-tree-brick my-project-list-btn ">
  26. <a className="brick-wrap my-project-list-trigger">
  27. <img src={logo} className="font-public-project font-public"/>
  28. {/* <i className="font-public-project font-public"></i> */}
  29. <div className=" left-tree-brick-text">模块</div>
  30. </a>
  31. </div>
  32. <div id="language_reload" className=" left-tree-brick nav-iconbtn msg ">
  33. <a id="top_nav_worktable_msg" className="brick-wrap has-tips" href="https://www.tapd.cn/letters/?from=top_nav_worktable_v2" data-todotitle="有{$num}条站内信" data-notodotitle="没有站内信">
  34. <img src={logo} className="font-public-bell font-public"/>
  35. {/* <i className="font-public-bell font-public"></i> */}
  36. <span id="msg_count" className="t-num">
  37. <span className="todo_total"></span>
  38. </span>
  39. <div className="left-tree-brick-text">消息</div>
  40. </a>
  41. </div>
  42. <div id="left-tree-bottom" className="left-tree-bottom left-tree-bottom-fixed" style={{width: '3em'}} >
  43. <div id="new_nav_avatar_div" className="left-tree-brick nav-iconbtn dropdown user dropdown-open dropdown-up" data-dropdown="click">
  44. <a className="dropdown-toggle" title="feng">
  45. <div className="avatar-container j-left-nav-avatar-container avatar-nav">
  46. <i style={{fontStyle: 'normal'}} className="avatar-text-default " title="feng">
  47. <span className="avatar-default-name">
  48. feng </span>
  49. </i>
  50. </div>
  51. </a>
  52. {/* 下拉菜单 */}
  53. <div id="personal-setting-menu" className="dropdown-menu personal-setting-menu" style={{left: '5em',bottom: '0em'}} >
  54. <div className="menu-triangle" style={{left: '-20em',bottom: '39em'}}></div>
  55. <ul className="menu-items">
  56. <li>
  57. <a href="https://www.tapd.cn/personal_settings/index?tab=menu" target="_blank">
  58. <i className="font-public font-public-setting"></i>
  59. 个人设置 </a>
  60. </li>
  61. <li>
  62. <a href="https://www.tapd.cn/personal_settings/index?tab=problem_feedback" target="_blank">
  63. <i className="font-public font-public-feedback"></i>
  64. 问题反馈 </a>
  65. </li>
  66. <li className="group">
  67. <a href="https://www.tapd.cn/users/logout">
  68. <i className="font-public font-public-logout"></i>
  69. 退出登录 </a>
  70. </li>
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. )
  78. }
  79. }