index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6. <title>{{.Title}}</title>
  7. <meta name="keywords" content="{{.Keywords}}" />
  8. <meta name="description" content="{{.Desc}}" />
  9. {{.CssJs}}
  10. </head>
  11. <body>
  12. {{.Content}}
  13. <!--对接客服代码-->
  14. <script>
  15. var GOFLY_URL="";
  16. var GOFLY_KEFU_ID="kefu2";
  17. var GOFLY_BTN_TEXT="{{.OnlineChat}}";
  18. </script>
  19. <script src="/static/js/gofly-front.js"></script>
  20. <!--//对接客服代码-->
  21. <!--自动弹代码-->
  22. <style>
  23. /*自动弹出*/
  24. .autoInvite{
  25. width: 400px;
  26. height: 162px;
  27. position: fixed;
  28. top:50%;
  29. left: 50%;
  30. margin-top: -81px;
  31. margin-left: -200px;
  32. background: url("/static/images/inviteColorBack1.png");
  33. display: none;
  34. }
  35. .autoInvite .autoInviteNotice{
  36. margin-top: 4px;
  37. }
  38. .autoInvite .autoInviteContent{
  39. width: 220px;
  40. height: 90px;
  41. position: absolute;
  42. top:55px;
  43. right: 20px;
  44. font-size: 13pt;
  45. color: #fff;
  46. word-break: break-all;
  47. line-height: 25px;
  48. }
  49. .autoInvite .autoInviteBtns a{
  50. display: inline-block;
  51. width: 80px;
  52. height: 32px;
  53. line-height: 32px;
  54. color: #fff;
  55. text-align: center;
  56. border: 1px solid #fff;
  57. border-radius: 5px;
  58. cursor: pointer;
  59. font-size: 13px;
  60. margin-right: 8px;
  61. text-decoration: none;
  62. }
  63. .autoInvite .autoInviteBtns a.nowAsk{
  64. color: #0085DA;
  65. background-color: #fff;
  66. }
  67. </style>
  68. <div class="autoInvite">
  69. <div class="autoInviteContent">
  70. <div class="autoInviteNotice">{{.Notice}}</div>
  71. <div class="autoInviteBtns">
  72. <a href="javascript:void(0)" id="noAsk">{{.LaterAsk}}</a>
  73. <a href="javascript:void(0)" class="nowAsk">{{.NowAsk}}</a>
  74. </div>
  75. </div>
  76. </div>
  77. <script>
  78. var invite=false;
  79. setTimeout(function(){
  80. if (invite) return;
  81. $(".autoInvite").show();
  82. invite=true;
  83. $("#noAsk").click(function(){
  84. $(".autoInvite").hide();
  85. invite=true;
  86. });
  87. $(".nowAsk").click(function(){
  88. $(".autoInvite").hide();
  89. showKefu();
  90. invite=true;
  91. });
  92. },8000);
  93. </script>
  94. <!--自动弹代码-->
  95. </body>
  96. </html>