foot.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <div class="footer mt-3 pt-5 border-top text-secondary bg-light">
  2. <div class="container">
  3. <div class="row pb-5">
  4. <div class="col-12 col-md-5">
  5. <h5>{pboot:companyname}</h5>
  6. <ul class="lh-2">
  7. <li>营业执照:{pboot:companyblicense} </li>
  8. <li>备案号码:<a href="http://beian.miit.gov.cn/" target="_blank">{pboot:siteicp}</a> </li>
  9. <li>地址:{pboot:companyaddress} </li>
  10. </ul>
  11. </div>
  12. <div class="col-12 col-md-5">
  13. <div class="mt-4 d-block d-md-none"></div>
  14. <h5>联系我们</h5>
  15. <ul class="lh-2">
  16. <li>电话:{pboot:companyphone} </li>
  17. <li>邮箱:{pboot:companyemail} </li>
  18. <li>Q&nbsp;&nbsp;Q:{pboot:companyqq} </li>
  19. </ul>
  20. </div>
  21. <div class="col-12 col-md-2 text-center d-none d-md-block">
  22. <p class="code">{pboot:qrcode string={pboot:httpurl}{URL}} </p>
  23. <p class="small">扫一扫 手机访问</p>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="copyright border-top lh-3 text-center d-none d-md-block">
  28. {pboot:sitecopyright}
  29. </div>
  30. </div>
  31. <!-- 占位 -->
  32. <div style="height:49px;" class="d-block d-sm-none"></div>
  33. <!-- 手机底部导航 -->
  34. <div class="container-fluid bg-info fixed-bottom d-block d-sm-none">
  35. <div class="row">
  36. <div class="col-4 p-0 text-center border-right">
  37. <a href="tel:{pboot:companymobile}" class="text-light d-block pt-3 pb-3"><i class="fa fa-phone" aria-hidden="true"></i> 电话咨询</a>
  38. </div>
  39. <div class="col-4 p-0 text-center border-right">
  40. <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes" class="text-light d-block pt-3 pb-3"><i class="fa fa-qq" aria-hidden="true"></i> 在线咨询</a>
  41. </div>
  42. <div class="col-4 p-0 text-center">
  43. {pboot:sort scode=1}
  44. <a href="[sort:link]" class="text-light d-block pt-3 pb-3"><i class="fa fa-location-arrow" aria-hidden="true"></i> [sort:name]</a>
  45. {/pboot:sort}
  46. </div>
  47. </div>
  48. </div>
  49. <!-- 在线客服 -->
  50. <div class="online d-none d-md-block">
  51. <dl>
  52. <dt style="width:150px;">
  53. <h3><i class="fa fa-commenting-o"></i>在线咨询<span class="remove"><i class="fa fa-remove"></i></span></h3>
  54. <p>
  55. <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes">
  56. <img border="0" src="{pboot:sitetplpath}/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"/>
  57. 售前咨询专员
  58. </a>
  59. </p>
  60. <p>
  61. <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes">
  62. <img border="0" src="{pboot:sitetplpath}/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"/>
  63. 售后服务专员
  64. </a>
  65. </p>
  66. </dt>
  67. <dd><i class="fa fa-commenting-o"></i></dd>
  68. <dd>在线咨询</dd>
  69. </dl>
  70. <dl>
  71. <dt style="width:300px;">
  72. <h3><i class="fa fa-volume-control-phone"></i>免费通话<span class="remove"><i class="fa fa-remove"></i></span></h3>
  73. <p>24小时免费咨询</p>
  74. <p>请输入您的联系电话,座机请加区号</p>
  75. <form onsubmit="return subform(this);">
  76. <p><input type="text" name="tel" id="tel" autocomplete="off" placeholder="请输入您的电话号码" required maxlength="30"></p>
  77. <p><button type="submit">免费通话</button></p>
  78. </form>
  79. </dt>
  80. <dd><i class="fa fa-volume-control-phone" aria-hidden="true"></i></dd>
  81. <dd>免费通话</dd>
  82. </dl>
  83. <dl>
  84. <dt style="width:200px;">
  85. <h3><i class="fa fa-weixin" aria-hidden="true"></i>微信扫一扫<span class="remove"><i class="fa fa-remove"></i></span></h3>
  86. <p><img src="{pboot:companyweixin} " width="100%"></p>
  87. </dt>
  88. <dd><i class="fa fa-weixin" aria-hidden="true"></i></dd>
  89. <dd>微信联系</dd>
  90. </dl>
  91. <dl class="scroll-top">
  92. <dd><i class="fa fa-chevron-up"></i></dd>
  93. <dd>返回顶部</dd>
  94. </dl>
  95. </div>
  96. <script src="{pboot:sitetplpath}/js/popper.min.js"></script>
  97. <script src="{pboot:sitetplpath}/bootstrap/js/bootstrap.min.js"></script>
  98. <script src="{pboot:sitetplpath}/js/wow.min.js"></script>
  99. <script src="{pboot:sitetplpath}/js/aoyun.js?v=v1.2.2"></script>
  100. <script>
  101. //ajax提交表单
  102. function subform(obj){
  103. var url='{pboot:form fcode=2}';
  104. var tel=$(obj).find("#tel").val();
  105. var reg = /^(1|0)[\d\-]+$/;
  106. if (!reg.test(tel)) {
  107. alert('电话号码错误!');
  108. return false;
  109. }
  110. $.ajax({
  111. type: 'POST',
  112. url: url,
  113. dataType: 'json',
  114. data: {
  115. tel: tel
  116. },
  117. success: function (response, status) {
  118. if(response.code){
  119. alert("您的来电已收到,我们会尽快联系您!");
  120. $(obj)[0].reset();
  121. }else{
  122. alert(response.data);
  123. }
  124. },
  125. error:function(xhr,status,error){
  126. alert('返回数据异常!');
  127. }
  128. });
  129. return false;
  130. }
  131. </script>
  132. {pboot:sitestatistical}
  133. </body>
  134. </html>