contact.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>联系我们</title>
  10. <meta name="Keywords" content="" />
  11. <meta name="Description" content="" />
  12. <link rel="stylesheet" href="http://at.alicdn.com/t/font_2408372_isweoh63009.css">
  13. <link href="css/global.css?v=6bcfb706" rel="stylesheet"><link href="css/contact.css?v=fffb8c14" rel="stylesheet"></head>
  14. <body>
  15. <header>
  16. <div class="wrapper">
  17. <div class="logo-area clearfix">
  18. <a class="logo"><img src="xxxHTMLLINKxxx0.34049061311431950.10354139329130851xxx" alt="logo"></a>
  19. <ul class="menu">
  20. <li class="pc-menu"><a href="javascript:;" id="tonight" class="iconfont icon-yueliang"></a></li>
  21. <li class="pc-menu">
  22. <a href="#" class="iconfont icon-search"></a>
  23. <div class="search-layer">
  24. <div>
  25. <input type="text">
  26. <a href="#">搜索</a>
  27. </div>
  28. </div>
  29. </li>
  30. <li class="pc-menu">
  31. <a href="#" class="iconfont icon-user"></a>
  32. <div>
  33. <a href="#" target="_blank" class="iconfont icon-weibo"></a>
  34. <a href="#" class="iconfont icon-weixin"></a>
  35. <a href="contact.html" class="iconfont icon-email"></a>
  36. </div>
  37. </li>
  38. <li class="m-menu">
  39. <a href="#" class="iconfont icon-search"></a>
  40. </li>
  41. <li class="m-menu">
  42. <a href="#" class="iconfont icon-menu"></a>
  43. <div class="menu-layer">
  44. <ul>
  45. <li class="active"><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
  46. <li><a href="news.html">资&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;讯</a></li>
  47. <li><a href="xnr.html">虚&nbsp;拟&nbsp;人</a></li>
  48. <li><a href="feature.html">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</a></li>
  49. <li><a href="video.html">视&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;频</a></li>
  50. <li><a href="activity.html">活&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;动</a></li>
  51. <li><a href="contact.html">关于我们</a></li>
  52. </ul>
  53. <div class="share">
  54. <a href="#" target="_blank" class="iconfont icon-weibo"></a>
  55. <a href="#" class="iconfont icon-weixin"></a>
  56. </div>
  57. </div>
  58. </li>
  59. </ul>
  60. </div>
  61. <div class="nav-wrapper">
  62. <ul class="tnav">
  63. <li class="active"><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
  64. <li><a href="news.html">资&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;讯</a></li>
  65. <li><a href="xnr.html">虚&nbsp;拟&nbsp;人</a></li>
  66. <li><a href="feature.html">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</a></li>
  67. <li><a href="video.html">视&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;频</a></li>
  68. <li><a href="activity.html">活&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;动</a></li>
  69. <li><a href="contact.html">关于我们</a></li>
  70. </ul>
  71. </div>
  72. <div class="m-search-layer">
  73. <form><i class="iconfont icon-search"></i><input type="text" placeholder="搜索"></form>
  74. <i class="iconfont icon-close"></i>
  75. </div>
  76. </div>
  77. </header>
  78. <h3 class="common-tit textleft noborder">
  79. RSS<br>订阅
  80. </h3>
  81. <div class="wrapper">
  82. <div class="form">
  83. <label for=""><span>电子邮件<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  84. <div class="form-item"><input type="text" placeholder="电子邮件" id="ding_email"></div>
  85. <label for=""><span>用户名<em class="required"></em></span></label>
  86. <div class="form-item"><input type="text" placeholder="用户名" id="ding_username"></div>
  87. <a href="javascript:;" class="button" onclick="ding_submit()"><span>订&nbsp;&nbsp;阅</span></a>
  88. </div>
  89. </div>
  90. <h3 class="common-tit textleft">
  91. CONTACT US<br>联系我们
  92. </h3>
  93. <div class="wrapper">
  94. <div class="form">
  95. <label for=""><span>姓名<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  96. <div class="form-item"><input type="text" placeholder="姓名" id="contact_username"></div>
  97. <label for=""><span>电话<em class="required"></em></span></label>
  98. <div class="form-item"><input type="text" placeholder="+86" id="contact_mobile"></div>
  99. <label for=""><span>电子邮箱<em class="required"></em></span></label>
  100. <div class="form-item"><input type="text" placeholder="@" id="contact_email"></div>
  101. <label for=""><span>留言信息</span></label>
  102. <div class="form-item"><textarea placeholder="说点什么吧" rows="3" id="contact_content"></textarea></div>
  103. <label for=""><span>用户需求</span></label>
  104. <div class="form-item noborder">
  105. <ul>
  106. <li data-value="1" class="set_xuqiu" onclick="set_xuqiu(1)"><i class="iconfont icon-radiobox-blank"></i>广告</li>
  107. <li data-value="2" class="set_xuqiu" onclick="set_xuqiu(2)"><i class="iconfont icon-radiobox-blank"></i>投稿</li>
  108. <li data-value="3" class="set_xuqiu" onclick="set_xuqiu(3)"><i class="iconfont icon-radio-checked-b"></i>合作</li>
  109. </ul>
  110. </div>
  111. <a href="javascript:;" class="button" onclick="contact_submit()"><span>提&nbsp;&nbsp;交</span></a>
  112. </div>
  113. </div>
  114. <h3 class="common-tit textleft">
  115. ABOUT US<br>关于我们
  116. </h3>
  117. <div class="contact-article wrapper">
  118. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  119. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  120. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  121. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  122. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  123. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  124. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  125. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  126. </div>
  127. <div class="mask" style="display: none">
  128. <div class="layer share-layer">
  129. <a href="#" class="close"></a>
  130. <h5>分享到微信朋友圈</h5>
  131. <div class="qrcode" id="qrcode"><img src="images/qrcode.png?v=c3386e72" alt="" srcset="">
  132. <p>打开微信,使用“扫一扫”即可将网页分享到我的朋友圈</p>
  133. </div>
  134. </div>
  135. <script src="./static/jquery.js"></script>
  136. <script src="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  137. <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
  138. <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
  139. <script>
  140. window.wbshare = {
  141. title: '',
  142. url: '',
  143. pic: '',
  144. ralateUid: '',
  145. appkey: ''
  146. }
  147. </script>
  148. <script>
  149. var xuqiu = 3;
  150. function set_xuqiu(i)
  151. {
  152. $('.set_xuqiu').each(function() {
  153. var value = $(this).attr('data-value');
  154. var self = $(this).find('i');
  155. self.removeClass('icon-radio-checked-b').addClass('icon-radiobox-blank');
  156. if (value == i) {
  157. self.addClass('icon-radio-checked-b').removeClass('icon-radiobox-blank');
  158. xuqiu = value;
  159. }
  160. })
  161. }
  162. function ding_submit()
  163. {
  164. var send = {};
  165. send.username = $('#ding_username').val();
  166. send.email = $('#ding_email').val();
  167. if (!send.email) {
  168. window.toastr.warning('请填写电子邮件');
  169. return;
  170. }
  171. if (!send.username) {
  172. window.toastr.warning('请填写用户名');
  173. return;
  174. }
  175. $.getJSON(config.host + 'content.ding_add?json=1', send, function(t) {
  176. if (t.status == 2) {
  177. window.toastr.warning(t.msg);
  178. } else {
  179. window.toastr.success('录入成功');
  180. location.reload();
  181. }
  182. })
  183. }
  184. function contact_submit()
  185. {
  186. var send = {};
  187. send.username = $('#contact_username').val();
  188. send.mobile = $('#contact_mobile').val();
  189. send.email = $('#contact_email').val();
  190. send.content = $('#contact_content').val();
  191. send.xuqiu = xuqiu;
  192. if (!send.username) {
  193. window.toastr.warning('请填写姓名');
  194. return;
  195. }
  196. if (!send.mobile) {
  197. window.toastr.warning('请填写联系电话');
  198. return;
  199. }
  200. if (!send.email) {
  201. window.toastr.warning('请填写电子信箱');
  202. return;
  203. }
  204. $.getJSON(config.host + 'content.contact_add?json=1', send, function(t) {
  205. if (t.status == 2) {
  206. window.toastr.warning(t.msg);
  207. } else {
  208. window.toastr.success('录入成功');
  209. location.reload();
  210. }
  211. })
  212. }
  213. </script>
  214. <script type="text/javascript" src="js/global.js?v=7a905730"></script><script type="text/javascript" src="js/contact.js?v=11102b9f"></script></body>
  215. </html>