contact.html 10 KB

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