index.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. {extend name="layout/base" /}
  2. {block name="title"}<title>客服中心首页_麻花网络客服中心</title>{/block}
  3. {block name="header"}
  4. <link rel="stylesheet" href="__STATIC__/css/mobile/form.css">
  5. <style>
  6. body {
  7. background: #f9f9f9;
  8. }
  9. </style>
  10. {/block}
  11. {block name="content"}
  12. <!-- header start -->
  13. <div class="service-center">
  14. <div class="header">
  15. <a href="javascript:history.back(-1)"><img src="__STATIC__/images/mobile/icon/left-white.png" class="back"></a>
  16. <h1>客服中心</h1>
  17. <div>
  18. <div class="menu-1"><img src="__STATIC__/images/mobile/icon/menu-bar-1.png"></div>
  19. </div>
  20. </div>
  21. <!-- 跳转常见问题 -->
  22. <a href="{:getMobileServiceUrl(1)}"></a>
  23. </div>
  24. <ul class="service-list">
  25. <li>
  26. <a href="{:getMobileCscUrl('zhss')}">
  27. <p>
  28. <img src="__STATIC__/images/mobile/icon/account.png">
  29. <span>账号申诉</span>
  30. </p>
  31. <img src="__STATIC__/images/mobile/icon/right-gray.png">
  32. </a>
  33. </li>
  34. <li>
  35. <a href="{:getMobileCscUrl('sscx')}">
  36. <p>
  37. <img src="__STATIC__/images/mobile/icon/query.png">
  38. <span>申诉查询</span>
  39. </p>
  40. <img src="__STATIC__/images/mobile/icon/right-gray.png">
  41. </a>
  42. </li>
  43. <!-- <li>
  44. <a href="{:getMobileCscUrl('wxss')}">
  45. <p>
  46. <img src="__STATIC__/images/mobile/icon/wexin.png">
  47. <span>微信申诉</span>
  48. </p>
  49. <img src="__STATIC__/images/mobile/icon/right-gray.png">
  50. </a>
  51. </li> -->
  52. </ul>
  53. <div class="customer-service">
  54. <p>
  55. <img src="__STATIC__/images/mobile/icon/clock.png">
  56. <span>工作时间:{$kf_time}</span>
  57. </p>
  58. {volist name="kefuList" id="vo"}
  59. <p class="qq">
  60. <img src="__STATIC__/images/mobile/icon/qq.png">
  61. <span>{$vo.nickname}:</span>
  62. <span class="qqnum">{$vo.qq}</span>
  63. <a class="copy">复制</a>
  64. </p>
  65. {/volist}
  66. </div>
  67. <footer class="footer" style="background: #F9F9F9 !important;">
  68. <div class="copyright">
  69. <p><a href="http://beian.miit.gov.cn">南京麻花网络科技有限公司版权所有</a></p>
  70. <p><a href="http://beian.miit.gov.cn">苏ICP备2021029006号-1</a></p>
  71. </div>
  72. </footer>
  73. {/block}
  74. {block name="detail_js"}
  75. <script>
  76. $(".copy").click(function() {
  77. var qqnum = $(this).parent(".qq").find(".qqnum").html();
  78. var oInput = document.createElement('input');
  79. oInput.value = qqnum;
  80. document.body.appendChild(oInput);
  81. oInput.select(); // 选择对象
  82. document.execCommand("Copy"); // 执行浏览器复制命令
  83. oInput.className = 'oInput';
  84. oInput.style.display = 'none';
  85. $.toast("QQ号复制成功", "text");
  86. })
  87. </script>
  88. {/block}