share-project.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</title>
  6. <meta name=description content=计量支付>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  9. <link rel=stylesheet href=css/bootstrap.css>
  10. <link rel=stylesheet href=css/style.css>
  11. <script src=js/jquery-1.9.1.min.js></script>
  12. <script src=js/bootstrap.js></script>
  13. <script src=js/global.js></script>
  14. </head>
  15. <body>
  16. <div class="wrapTop">
  17. <div class="userInfo fR shareBtn">
  18. <a href data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-share topImg"></span></a>
  19. </div>
  20. <div class="headerLeft fL">
  21. <a href="w-project-detail.html">
  22. <span class="glyphicon glyphicon-chevron-left"></span>
  23. <b>分享项目</b>
  24. </a>
  25. </div>
  26. </div>
  27. <div class="wrapContent">
  28. <div class="shareList">
  29. <ul>
  30. <li>
  31. <div class="shareTitle">
  32. 黄金大桥项目
  33. <div class="fR">
  34. <label class="labelSwitch">
  35. <input type="checkbox">
  36. <div class="checkbox"></div>
  37. </label>
  38. </div>
  39. </div>
  40. <div class="shareLink">http://g1506.6jlzf.cn/share?pid=1212</div>
  41. </li>
  42. <!-- <li>
  43. <div class="shareTitle">
  44. 黄金大桥项目
  45. <div class="fR">
  46. <label class="labelSwitch">
  47. <input type="checkbox">
  48. <div class="checkbox"></div>
  49. </label>
  50. </div>
  51. </div>
  52. <div class="shareLink">http://g1506.6jlzf.cn/share?pid=1212</div>
  53. </li> -->
  54. </ul>
  55. </div>
  56. </div>
  57. <div class="modal fade modalWrap" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  58. <div class="modal-dialog" role="document">
  59. <div class="modal-content">
  60. <div class="modal-header">
  61. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  62. <h4 class="modal-title">分享项目</h4>
  63. </div>
  64. <div class="modal-body">
  65. <h4><p>纵横计量支付系统</p></h4>
  66. <ul class="modalCont">
  67. <li>
  68. <p>黄金大桥项目</p>
  69. <p><b>链接:</b>http://g1506.6jlzf.cn/share?pid=1212</p>
  70. <textarea class="form-control" rows="2" placeholder="给朋友留言"></textarea>
  71. </li>
  72. </ul>
  73. </div>
  74. <div class="modal-footer">
  75. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  76. <button type="button" class="btn btn-primary">分享</button>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </body>