demand-tab.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <body>
  14. <div class="mainLayout">
  15. <div class="mainMenu">
  16. <div class="menuItem">
  17. <a href="#" class="mLogo">CLD</a>
  18. <ul>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  20. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
  21. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  22. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  23. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
  24. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  29. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="warpContent">
  34. <div class="subMenu fL">
  35. <div class="menuItem">
  36. <ul>
  37. <li class="demandTitle">需求中心</li>
  38. <li><a href="demand-index.html">首页</a></li>
  39. <li><a href="demand-list.html">需求</a></li>
  40. <li><a href="demand-tab.html" class="selected">话题</a></li>
  41. <li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
  42. <li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
  43. <li class="topLine"><a href="demand-my.html">我的需求</a></li>
  44. </ul>
  45. </div>
  46. </div>
  47. <div class="adminContent autoHeight">
  48. <legend style="margin:0">共有 9384 话题</legend>
  49. <div class="demandTabList">
  50. <div class="tabList clearfix">
  51. <div class="demandCate">
  52. <ul class="cateList">
  53. <li><a class="now" href="#">最多需求</a><a href="#">最多关注</a><a href="#">最新添加</a></li>
  54. <li><a href="demand-tab-feed.html">我创建的话题</a><a href="demand-tab-feed.html">我关注的话题</a></li>
  55. </ul>
  56. </div>
  57. <!--话题列表-->
  58. <div class="talItem">
  59. <a href="" class="talImg"><img src="images/tabImg_1.png"></a>
  60. <p class="demandTab"><a class="dTab" href="demand-tab-list.html" title="查看话题的需求">造价软件(点我)</a></p>
  61. <p class="colGray">219 条需求 71 个关注</p>
  62. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  63. </div>
  64. <div class="talItem">
  65. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  66. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">BUG</a></p>
  67. <p class="colGray">219 条需求 71 个关注</p>
  68. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  69. </div>
  70. <div class="talItem">
  71. <a href="" class="talImg"><img src="http://wenda.wecenter.com/uploads/topic/20130427/0fbbce038b01157dcc695ff0bb800c0e_50_50.png"></a>
  72. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">用户体验</a></p>
  73. <p class="colGray">219 条需求 71 个关注</p>
  74. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  75. </div>
  76. <div class="talItem">
  77. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  78. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">升级</a></p>
  79. <p class="colGray">219 条需求 71 个关注</p>
  80. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  81. </div>
  82. <div class="talItem">
  83. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  84. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">计量支付</a></p>
  85. <p class="colGray">219 条需求 71 个关注</p>
  86. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  87. </div>
  88. <div class="talItem">
  89. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  90. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">公路养护</a></p>
  91. <p class="colGray">219 条需求 71 个关注</p>
  92. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  93. </div>
  94. <div class="talItem">
  95. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  96. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">算量软件</a></p>
  97. <p class="colGray">219 条需求 71 个关注</p>
  98. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  99. </div>
  100. <div class="talItem">
  101. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  102. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">结算决算</a></p>
  103. <p class="colGray">219 条需求 71 个关注</p>
  104. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  105. </div>
  106. <div class="talItem">
  107. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  108. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">网络版</a></p>
  109. <p class="colGray">219 条需求 71 个关注</p>
  110. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  111. </div>
  112. <div class="talItem">
  113. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  114. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">招投标</a></p>
  115. <p class="colGray">219 条需求 71 个关注</p>
  116. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  117. </div>
  118. <div class="talItem">
  119. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  120. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">官网</a></p>
  121. <p class="colGray">219 条需求 71 个关注</p>
  122. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  123. </div>
  124. <div class="talItem">
  125. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  126. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">文库</a></p>
  127. <p class="colGray">219 条需求 71 个关注</p>
  128. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  129. </div>
  130. <div class="talItem">
  131. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  132. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">问答</a></p>
  133. <p class="colGray">219 条需求 71 个关注</p>
  134. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  135. </div>
  136. <div class="talItem">
  137. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  138. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">价格信息</a></p>
  139. <p class="colGray">219 条需求 71 个关注</p>
  140. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  141. </div>
  142. <div class="talItem">
  143. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  144. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">晴雨表</a></p>
  145. <p class="colGray">219 条需求 71 个关注</p>
  146. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  147. </div>
  148. <div class="talItem">
  149. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  150. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">考试APP</a></p>
  151. <p class="colGray">219 条需求 71 个关注</p>
  152. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  153. </div>
  154. <div class="talItem">
  155. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  156. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">CLD</a></p>
  157. <p class="colGray">219 条需求 71 个关注</p>
  158. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  159. </div>
  160. <div class="talItem">
  161. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  162. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">报销单</a></p>
  163. <p class="colGray">219 条需求 71 个关注</p>
  164. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  165. </div>
  166. <div class="talItem">
  167. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  168. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">群发邮件</a></p>
  169. <p class="colGray">219 条需求 71 个关注</p>
  170. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  171. </div>
  172. <div class="talItem">
  173. <a href="" class="talImg"><img src="images/tabImg.png"></a>
  174. <p class="demandTab"><a class="dTab" href="#" title="查看话题的需求">EDM</a></p>
  175. <p class="colGray">219 条需求 71 个关注</p>
  176. <p class="colGray">7天新增 7 条需求, 30天新增 12 条需求</p>
  177. </div>
  178. <!--话题列表-->
  179. <div class="demandPage">
  180. <ul class="pagination fL">
  181. <li><a href="#">&lt;</a></li>
  182. <li><a href="#">1</a></li>
  183. <li class="active"><a href="#">2</a></li>
  184. <li><a href="#">3</a></li>
  185. <li><a href="#">4</a></li>
  186. <li><a href="#">5</a></li>
  187. <li><a href="#">&gt;</a></li>
  188. </ul>
  189. </div>
  190. </div>
  191. <div class="side">
  192. <dl class="hotTab">
  193. <dt>热门话题</dt>
  194. <dd class="demandTab"><a class="dTab" href="#" title="查看话题的需求">BUG</a><a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="#" title="查看话题的需求">升级</a><a class="dTab" href="#" title="查看话题的需求">公路养护</a><a class="dTab" href="#" title="查看话题的需求">计量支付</a><a class="dTab" href="#" title="查看话题的需求">BUG</a><a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="#" title="查看话题的需求">升级</a><a class="dTab" href="#" title="查看话题的需求">公路养护</a><a class="dTab" href="#" title="查看话题的需求">计量支付</a></dd>
  195. </dl>
  196. <dl class="nowFlow">
  197. <dt>正在关注</dt>
  198. <dd><img src="images/avatar_15_2.jpg" class="avtra" width="42">
  199. <div class="con"><p><a title="四川办">全冰</a></p><p class="colGray demandTab">关注 • <a class="dTab" href="#">造价软件</a></p></div>
  200. </dd>
  201. <dd><img src="images/avatar_2_2.jpg" class="avtra" width="42">
  202. <div class="con"><p><a title="浙江办">陈帅</a></p><p class="colGray demandTab">关注 • <a class="dTab" href="#">BUG</a></p></div>
  203. </dd>
  204. <dd><img src="images/avatar_6_2.jpg" class="avtra" width="42">
  205. <div class="con"><p><a title="广东办">刘飞</a></p><p class="colGray demandTab">关注 • <a class="dTab" href="#">BUG</a></p></div>
  206. </dd>
  207. <dd><img src="images/avatar_33_2.jpg" class="avtra" width="42">
  208. <div class="con"><p><a title="总部">杨福芳</a></p><p class="colGray demandTab">关注 • <a class="dTab" href="#">计量支付</a></p></div>
  209. </dd>
  210. <dd><img src="images/avatar_33_2.jpg" class="avtra" width="42">
  211. <div class="con"><p><a title="总部">杨福芳</a></p><p class="colGray demandTab">关注 • <a class="dTab" href="#">升级</a></p></div>
  212. </dd>
  213. </dl>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <script type="text/javascript">autoFlashHeight();</script>
  220. </body>