index.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>页面提示 - {:config('web_site_title')}</title>
  6. <link rel=stylesheet type=text/css href="https://wx.gtimg.com/pay/css/common/common.css?v=20170117">
  7. <link rel=stylesheet type=text/css href="https://wx.gtimg.com/pay/css/error/error.css?v=20151125">
  8. <script src="https://wx.gtimg.com/third/jquery/jquery-1.7.min.js"></script>
  9. </head>
  10. <body class="browser-tips no-nav no-topbar">
  11. <div class="container wrap">
  12. <div class="container-bd">
  13. <div class="page-msg mini">
  14. <div class="inner">
  15. <div class="msg-ico"><i class="ico-msg-s warn"></i></div>
  16. <div class="msg-cnt">
  17. <p>温馨提示:在IE浏览器环境下浏览本系统体验不够友好,建议您使用下方的浏览器访问本系统。</p>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="browser-list">
  22. <a class="browser-item chrome" href="http://xiazai.sogou.com/detail/34/0/6262355089742005676.html?uID=04583CB73B70900A0000000057318502&amp;w=2295" target="_blank">
  23. <i class="icon-browser"></i>
  24. <p class="browser-name">Chrome浏览器</p>
  25. </a>
  26. <a class="browser-item qq" href="http://browser.qq.com/" target="_blank">
  27. <i class="icon-browser"></i>
  28. <p class="browser-name">QQ浏览器</p>
  29. </a>
  30. <a class="browser-item sogou" href="http://ie.sogou.com/" target="_blank">
  31. <i class="icon-browser"></i>
  32. <p class="browser-name">搜狗浏览器</p>
  33. </a>
  34. <a class="browser-item firefox" href="http://www.firefox.com.cn/?igfox" target="_blank">
  35. <i class="icon-browser"></i>
  36. <p class="browser-name">Firefox浏览器</p>
  37. </a>
  38. </div>
  39. <div class="browser-more">
  40. <div class="browser-text">如果你正在使用的是双核浏览器,比如QQ浏览器、搜狗浏览器、猎豹浏览器、世界之窗浏览器、傲游浏览器、360浏览器等,可以使用浏览器的极速模式来继续访问本系统。<a id="access" href="javascript:void(0);">查看详情</a>
  41. </div>
  42. <div id="tips" class="browser-step" style="display: block;">
  43. <ul>
  44. <li>方法一,点击浏览器顶部地址栏右侧的浏览器兼容模式图标,<img alt="" src="https://wx.gtimg.com/pay/img/error/ie_s.png">或<img alt="" src="https://wx.gtimg.com/pay/img/error/ie_mode.png">,切换到极速模式
  45. <p class="demo"><img alt="" src="https://wx.gtimg.com/pay/img/error/pic_ie01.png"></p>
  46. </li>
  47. <li>方法二,在当前页面中,点击鼠标右键,选择“切换到极速模式”
  48. <p class="demo"><img alt="" src="https://wx.gtimg.com/pay/img/error/pic_ie02.png"></p>
  49. </li>
  50. <li>方法三,在浏览器菜单栏中选择工具选项,打开“兼容性视图设置”,把设置框底部的“在兼容性视图显示”三个勾选框去掉
  51. <p class="demo"><img alt="" src="https://wx.gtimg.com/pay/img/error/pic_ie03.png"></p></li>
  52. </ul>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <script>
  58. (function(){
  59. var tips = document.getElementById("tips");
  60. var access = document.getElementById("access");
  61. var isShow = true;
  62. access.onclick = function(){
  63. if(!isShow){
  64. tips.style.display = "block";
  65. isShow = true;
  66. }else{
  67. tips.style.display = "none";
  68. isShow = false;
  69. }
  70. }
  71. })();
  72. </script>
  73. </body>
  74. </html>