Nenhuma Descrição

search.html 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link href="../css/mui.min.css" rel="stylesheet"/>
  8. <link href="../css/app.css" rel="stylesheet"/>
  9. <link href="../css/iconfont.css" rel="stylesheet" />
  10. </head>
  11. <body>
  12. <!-- 主页面标题 -->
  13. <header class="mui-bar mui-bar-nav toptitbox">
  14. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  15. <div class="searchbox2 mui-pull-right">
  16. <div class="mui-pull-left searchselect">
  17. <div class="simuselect">
  18. <div class="ulbox lookwho" id="div_select">专家</div>
  19. <ul id="li_show" class="lishow">
  20. <li data-num="1">专家</li>
  21. <li data-num="0">资源</li>
  22. </ul>
  23. </div>
  24. <em class="mui-icon mui-icon-arrowdown"></em>
  25. </div>
  26. <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
  27. </div>
  28. </header>
  29. <!-- 主页面内容容器 -->
  30. <div class="mui-content">
  31. <div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
  32. <ul class="filterblock" style="width:100%">
  33. <li class="mui-col-xs-4">
  34. <a href="#middlePopovercity" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  35. </li>
  36. <li class="mui-col-xs-4">
  37. <a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  38. </li>
  39. <li class="mui-col-xs-4">
  40. <a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  41. </li>
  42. </ul>
  43. </div>
  44. <div id="pullrefresh" style="margin-top:45px; ">
  45. <!--数据列表-->
  46. <ul class="mui-table-view mui-table-view-chevron list">
  47. </ul>
  48. </div>
  49. </div>
  50. <!--城市-->
  51. <div id="middlePopovercity" class="mui-popover menuposition" >
  52. <div class="mui-scroll-wrapper mui-pull-left" style=" width: 30%;border-right:1px solid #CFCFCF;">
  53. <div class="mui-scroll">
  54. <ul class="mui-table-view provinceval" id="provinceval">
  55. </ul>
  56. </div>
  57. </div>
  58. <div class="mui-scroll-wrapper mui-pull-left" style="width: 70%;left:30%;">
  59. <div class="mui-scroll">
  60. <ul class="mui-table-view" id="addressval">
  61. </ul>
  62. </div>
  63. </div>
  64. </div>
  65. <!--应用行业-->
  66. <div id="middlePopoveruse" class="mui-popover popoverbox2" >
  67. <div class="mui-scroll-wrapper" style="height: 200px; top:0;">
  68. <div class="mui-scroll">
  69. <ul class="mui-table-view yyhy" id="yyhy">
  70. </ul>
  71. </div>
  72. </div>
  73. </div>
  74. <!--学术领域-->
  75. <div id="middlePopoveracad" class="mui-popover popoverbox2" >
  76. <div class="mui-scroll-wrapper" style="height: 200px; top:0;">
  77. <div class="mui-scroll">
  78. <ul class="mui-table-view xsly" id="xsly">
  79. </ul>
  80. </div>
  81. </div>
  82. </div>
  83. <script src="../js/public/mui.min.js"></script>
  84. <script src="../js/public/base.js"></script>
  85. <script src="../js/searchhome.js"></script>
  86. <script type="text/javascript">
  87. mui('.mui-scroll-wrapper').scroll();
  88. </script>
  89. </body>
  90. </html>