Нет описания

consultapply.html 3.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/app.css" rel="stylesheet" />
  9. </head>
  10. <body>
  11. <header class="mui-bar mui-bar-nav toptitbox">
  12. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  13. <h1 class="mui-title toptit">联系专家</h1>
  14. </header>
  15. <div class="mui-content">
  16. <!-- 主界面具体展示内容 -->
  17. <div class="marginbox">
  18. <div class="personinfo2">
  19. <div class="headbox2" >
  20. <a class="proinfor" href="proinforbrow.html">
  21. <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
  22. <div class="mui-pull-left infobasic">
  23. <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
  24. <p class="listtit2"><span>职称</span><span>职务</span></p>
  25. <p class="listtit3"><span>所在部门</span><span>所属机构</span> | <span>所在地</span></p>
  26. </div>
  27. </a>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="mui-input-group marginbox">
  32. <div class="mui-clearfix peolevelbox">
  33. <div class="mui-pull-left peocountbox">
  34. <div class="peocount mui-clearfix">
  35. <em class="actionicon dialogicon mui-pull-left "></em>
  36. <span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
  37. </div>
  38. </div>
  39. <div class="mui-pull-right levelbox">
  40. <span class="mui-icon mui-icon-star"></span>
  41. <span class="mui-icon mui-icon-star"></span>
  42. <span class="mui-icon mui-icon-star"></span>
  43. <span class="mui-icon mui-icon-star"></span>
  44. <span class="mui-icon mui-icon-star"></span>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="mui-input-group marginbox consultbox">
  49. <div class="consultaim">
  50. <div>请选择您的联系目的</div>
  51. <ul class="aimclass">
  52. <li class="liactive"><em></em>技术咨询</li>
  53. <li><em></em>资源咨询</li>
  54. <li><em></em>其他事务</li>
  55. </ul>
  56. </div>
  57. <div class="divline"></div>
  58. <table class="consultinfo">
  59. <tr>
  60. <td><span>咨询主题</span></td>
  61. <td><input type="text"/></td>
  62. </tr>
  63. <tr>
  64. <td><span>咨询内容</span></td>
  65. <td><textarea></textarea></td>
  66. </tr>
  67. <tr>
  68. <td colspan="2" class="sendbox">
  69. <button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
  70. </td>
  71. </tr>
  72. </table>
  73. </div>
  74. </div>
  75. <script src=" ../js/public/mui.min.js"></script>
  76. <script type="text/javascript">
  77. mui.init()
  78. //鼠标点击联系目的li时添加liactive类
  79. </script>
  80. </body>
  81. </html>