help.blade.php 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>帮助</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <link rel=icon type=image/png href="data:image/png;base64,iVBORw0KGgo=">
  8. <script src=https://cdn.bootcss.com/vue/2.5.16/vue.min.js></script>
  9. <link rel=icon type=image/png href="data:image/png;base64,iVBORw0KGgo=">
  10. <script>window.Vue || document.write('<script src="https://cdn-novel.iycdm.com/static/vue.min.js"><\/script>')</script>
  11. <style type="text/css">
  12. * {
  13. padding: 0;
  14. margin: 0;
  15. }
  16. html {
  17. background: #fff;
  18. }
  19. body {
  20. max-width: 750px;
  21. margin: 0 auto;
  22. font-size: .32rem;
  23. color: #333;
  24. }
  25. .search {
  26. background: #f7f7f7;
  27. width: 7rem;
  28. height: .9rem;
  29. border: none;
  30. margin: .25rem;
  31. }
  32. .search::-webkit-input-placeholder {
  33. /* placeholder位置 */
  34. text-align: center;
  35. }
  36. .q {
  37. list-style: none;
  38. height: 1.1rem;
  39. border-bottom: 1px solid #efefef;
  40. line-height: 1.1rem;
  41. padding: 0 .25rem;
  42. position: relative;
  43. }
  44. .q::after {
  45. content: '';
  46. height: .3rem;
  47. width: .25rem;
  48. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwRTM1NjMzNzlGNDExRTg4QzJCRkRGRTUxMUIyOEFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwRTM1NjM0NzlGNDExRTg4QzJCRkRGRTUxMUIyOEFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjBFMzU2MzE3OUY0MTFFODhDMkJGREZFNTExQjI4QUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjBFMzU2MzI3OUY0MTFFODhDMkJGREZFNTExQjI4QUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46krPVAAAAy0lEQVR42oyRSwrCMBRF49MNWHUXftCJc21B0A1mG44EP7NOBBU/u1DrFryB9+ARk9TAoYGekzRpw1pbGmOaYAVeJjGIxSnYgW6dvAQXMOKgl5LfoFDBNhYQP12Q1+1Aal6pYBgKyIslOHOw1wEFPq3iM7hgoAOKHFzv4IKDCyhxrR8OTqAPNin5Z7QS79p8IxPwAAv6U5yBZ0jOlHgXMXQbGf9uEeci+rIWb76oDyhbj1nMfVFW7ijxGhNFXiuxiIkiO46pFWV8BRgAyys0+CqD7DAAAAAASUVORK5CYII=") no-repeat 100%;
  49. position: absolute;
  50. background-size:cover;
  51. right: .25rem;
  52. top: .4rem;
  53. }
  54. .qr {
  55. display: block;
  56. margin: 1.1rem auto .6rem;
  57. /*height: 2.8rem;*/
  58. width: 3.5rem;
  59. /*background: url();*/
  60. border: none;
  61. }
  62. .tip {
  63. text-align: center;
  64. font-size: .28rem;
  65. color: #999;
  66. margin-bottom: 2rem
  67. }
  68. </style>
  69. </head>
  70. <body>
  71. <div id="app"></div>
  72. <script>var _hmt = _hmt || [];
  73. (function () {
  74. var hm = document.createElement("script");
  75. hm.src = "https://hm.baidu.com/hm.js?a027c0fdf2b6e70f1892dbd8227cbb2b";
  76. var s = document.getElementsByTagName("script")[0];
  77. s.parentNode.insertBefore(hm, s);
  78. _hmt.push(['_setAutoPageview', false])
  79. })();</script>
  80. <script type="text/javascript">
  81. function refreshRem() {
  82. document.documentElement.style.fontSize = (Math.min(window.innerWidth, screen.width, document.body.offsetWidth) / 750) * 100 + 'px';
  83. }
  84. window.addEventListener('resize', function () {
  85. clearTimeout(tid);
  86. tid = setTimeout(refreshRem, 300);
  87. }, false);
  88. window.addEventListener('pageshow', function (e) {
  89. if (e.persisted) {
  90. clearTimeout(tid);
  91. tid = setTimeout(refreshRem, 300);
  92. }
  93. }, false);
  94. var tid;
  95. refreshRem()
  96. if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
  97. handleFontSize();
  98. } else {
  99. if (document.addEventListener) {
  100. document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
  101. } else if (document.attachEvent) {
  102. document.attachEvent("WeixinJSBridgeReady", handleFontSize);
  103. document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
  104. }
  105. }
  106. function handleFontSize() {
  107. // 设置网页字体为默认大小
  108. WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
  109. // 重写设置网页字体大小的事件
  110. WeixinJSBridge.on('menu:setfont', function () {
  111. WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
  112. });
  113. }
  114. var q = @json($lists);
  115. var vm = new Vue({
  116. el: '#app',
  117. data: {
  118. q,
  119. search: '',
  120. },
  121. mounted() {
  122. setTimeout(function () {
  123. if(document.location.search.indexOf('down=1')){
  124. //document.body.scrollTop = document.body.scrollHeight;
  125. window.scroll(0, document.body.scrollHeight)
  126. }
  127. },250)
  128. },
  129. methods: {
  130. input:function(e) {
  131. if (!this.search) this.q = q
  132. else {
  133. this.q = q.filter(function(v){
  134. return v.title.indexOf(vm.search) !== -1
  135. })
  136. }
  137. },
  138. click:function (id) {
  139. window.location.href = '/'+id;
  140. }
  141. },
  142. template: '\
  143. <div>\
  144. <input class="search" v-model="search" @search="input" type="search" placeholder="搜索栏"/>\
  145. <ul v-if="q.length">\
  146. <li class="q" v-for="v in q" @click="click(v.id)" >@{{v.title}}</li>\
  147. </ul>\
  148. <div v-else class="q">暂无帮助</div>\
  149. <img class="qr" src="{{$qrcode}}">\
  150. <div class="tip">没有找到想要咨询的问题,可以加客服微信咨询</div>\
  151. </div>\
  152. '
  153. })
  154. </script>
  155. </body>
  156. </html>