share-section.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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. SA-01
  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. SA-02
  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. <li>
  55. <div class="shareTitle">
  56. SA-03
  57. <div class="fR">
  58. <label class="labelSwitch">
  59. <input type="checkbox">
  60. <div class="checkbox"></div>
  61. </label>
  62. </div>
  63. </div>
  64. <div class="shareLink">http://g1506.6jlzf.cn/share?pid=1212</div>
  65. </li>
  66. <li>
  67. <div class="shareTitle">
  68. SA-04
  69. <div class="fR">
  70. <label class="labelSwitch">
  71. <input type="checkbox">
  72. <div class="checkbox"></div>
  73. </label>
  74. </div>
  75. </div>
  76. <div class="shareLink">http://g1506.6jlzf.cn/share?pid=1212</div>
  77. </li>
  78. </ul>
  79. </div>
  80. </div>
  81. <div class="modal fade modalWrap" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  82. <div class="modal-dialog" role="document">
  83. <div class="modal-content">
  84. <div class="modal-header">
  85. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  86. <h4 class="modal-title">分享标段</h4>
  87. </div>
  88. <div class="modal-body">
  89. <h4><p>纵横计量支付系统</p></h4>
  90. <ul class="modalCont">
  91. <li>
  92. <p>黄金大桥项目/SA-01</p>
  93. <p><b>链接:</b>http://g1506.6jlzf.cn/share?pid=1212</p>
  94. <textarea class="form-control" rows="2" placeholder="给朋友留言"></textarea>
  95. </li>
  96. <li>
  97. <p>黄金大桥项目/SA-02</p>
  98. <p><b>链接:</b>http://g1506.6jlzf.cn/share?pid=1212</p>
  99. <textarea class="form-control" rows="2" placeholder="给朋友留言"></textarea>
  100. </li>
  101. </ul>
  102. </div>
  103. <div class="modal-footer">
  104. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  105. <button type="button" class="btn btn-primary">分享</button>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </body>