index.php 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>号卡中心</title>
  5. <!-- meta信息,可维护 -->
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <meta content="telephone=no" name="format-detection" />
  9. <!-- ====必须设置 Start==== -->
  10. <!-- 页面编码 -->
  11. <meta charset="UTF-8" />
  12. <!--
  13. http-equiv常见还有其它如下等(合理使用可增加 SEO 收录)。
  14. Content-Language : 设置网页语言
  15. Refresh : 指定时间刷新页面
  16. set-cookie : 设定页面 cookie 过期时间
  17. last-modified : 页面最后生成时间
  18. expires : 设置 cache 过期时间
  19. cache-control : 设置文档的缓存机制
  20. ...
  21. -->
  22. <!-- 缓存与过期时间设置 -->
  23. <meta http-equiv="Pragma" content="no-cache">
  24. <meta http-equiv="Cache-Control" content="no-cache">
  25. <meta http-equiv="x-dns-prefetch-control" content="on">
  26. <meta http-equiv="Expires" content="0">
  27. <!-- dns预加载(SEO优化) -->
  28. <link rel="dns-prefetch" href="//css.cdn.com" />
  29. <link rel="dns-prefetch" href="//js.cdn.com" />
  30. <!-- 宽度默认100%全屏宽度,禁止手指缩放,初始缩放值1.0 -->
  31. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  32. <!-- ====必须设置 End==== -->
  33. <!-- ====根据使用配置Start==== -->
  34. <meta content="yes" name="apple-mobile-web-app-capable">
  35. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  36. <!-- 不自动识别手机号,邮箱地址 -->
  37. <meta name="format-detection" content="telephone=no,email=no">
  38. <!-- 页面关键字优化 -->
  39. <meta name="keywords" content="H5页面通用配置">
  40. <!-- 页面标签icon配置 -->
  41. <link rel="icon" href="./favicon.ico" type="image/x-icon">
  42. <!-- 一些国内webkit内核浏览器默认使用极速模式 -->
  43. <meta name="renderer" content="webkit">
  44. <!-- 避免IE使用兼容模式 -->
  45. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  46. <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
  47. <meta name="HandheldFriendly" content="true">
  48. <!-- 微软的老式浏览器 -->
  49. <meta name="MobileOptimized" content="320">
  50. <!-- uc强制竖屏 -->
  51. <meta name="screen-orientation" content="portrait">
  52. <!-- QQ强制竖屏 -->
  53. <meta name="x5-orientation" content="portrait">
  54. <!-- UC强制全屏 -->
  55. <meta name="full-screen" content="yes">
  56. <!-- QQ强制全屏 -->
  57. <meta name="x5-fullscreen" content="true">
  58. <!-- UC应用模式 -->
  59. <meta name="browsermode" content="application">
  60. <!-- QQ应用模式 -->
  61. <meta name="x5-page-mode" content="app">
  62. <!-- windows phone 点击无高光 -->
  63. <meta name="msapplication-tap-highlight" content="no">
  64. <!-- apple-touch-icon:在webapp下,指定放置主屏幕上 icon 文件路径 -->
  65. <link rel="apple-touch-icon" href="touch-icon-iphone.png">
  66. <link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
  67. <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
  68. <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
  69. <!-- apple-touch-startup-image:在 webapp 下,设置启动时候的界面 -->
  70. <link rel="apple-touch-startup-image" href="/startup.png" />
  71. <!-- ====根据使用配置End==== -->
  72. <!-- ====几乎用不到 Start ==== -->
  73. <!--禁用IE8兼容模式(IE8兼容模式使用的是IE7的渲染方式)-->
  74. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  75. <!--//设置内核为IE8,这里改变时,下面会自动改变-->
  76. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
  77. <!--//设置渲染文档模式为IE8-->
  78. <!--使用IE8兼容模式-->
  79. <meta http-equiv="X-UA-Compatible" content="IE=7" />
  80. <!--//设置内核为IE7,这里改变时,下面会自动改变-->
  81. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  82. <!--//设置渲染文档模式为IE7-->
  83. <!-- 从左向右依次查询使用内核,左侧优先级高 -->
  84. <meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9; IE=8;" />
  85. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;IE=EmulateIE10;IE=EmulateIE9;IE=EmulateIE8" />
  86. <!--chrome -->
  87. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  88. <style type="text/css">
  89. /*初始化设置*/
  90. * {
  91. padding: 0;
  92. margin: 0;
  93. box-sizing: border-box;
  94. list-style: none;
  95. text-decoration: none;
  96. /*告诉浏览器最终展示的布局容器设置的边框和内边距的值是包含在width内的-即width和height等于真实大小*/
  97. }
  98. html,
  99. body {
  100. width: 100%;
  101. height: 100%;
  102. }
  103. .footer {
  104. /*随着滑动固定底部*/
  105. position: fixed;
  106. bottom: 0;
  107. left: 0;
  108. width: 100%;
  109. /*设置底部菜单固定高度*/
  110. height: 60px;
  111. background-color: white;
  112. /*border-top: 1px solid #C2C2C2;*/
  113. }
  114. .content {
  115. background-color: white;
  116. padding: 0;
  117. margin: 0;
  118. }
  119. .sidebar {
  120. /*height: 60px;*/
  121. /*line-height: 60px;*/
  122. border-top: 2px solid #C2C2C2;
  123. }
  124. .footer ul {
  125. /*只给父容器添加了display: flex;属性,就可以让容器内部打破原有文档流模式,展现为弹性布局*/
  126. display: -webkit-flex;
  127. display: flex;
  128. text-align: center;
  129. width: 100%;
  130. }
  131. .footer ul li {
  132. width: 100%;
  133. /*浏览器的百分之百*/
  134. }
  135. /*a标签也设置填充宽高*/
  136. .footer ul li a {
  137. display: block;
  138. width: 100%;
  139. height: 100%;
  140. padding-top: 5px;
  141. }
  142. .footer ul li i,
  143. span {
  144. display: block;
  145. line-height: 30px;
  146. height: 30px;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151. <div class="content">
  152. <?php
  153. include_once("untils/conn.php");
  154. mysqli_query($con, "set names utf8");
  155. if ($con) {
  156. //选择数据库
  157. if ($db) {
  158. //获取数据总行数
  159. $sql = "select * from `sort` order by `sortid` desc limit 1";
  160. $data = mysqli_query($con, $sql);
  161. $rows = mysqli_fetch_row($data);
  162. $index = $rows[1]
  163. ?>
  164. <iframe id="mainFrame" src="ka.php?yys=<?php echo $index ?>" style="border-width: 0px;width: 100vw;height: 92vh;overflow:visible;">
  165. </iframe>
  166. <?php
  167. }
  168. }
  169. ?>
  170. </div>
  171. <div class="sidebar"></div>
  172. <div class="footer">
  173. <ul>
  174. <li>
  175. <a onclick="index()">
  176. <p>
  177. <img style="width: 24px;" src="img/sy.png">
  178. </p>
  179. <span style="color: black;font-size:10px;">首页</span>
  180. </a>
  181. </li>
  182. <li><a onclick="zxkf()">
  183. <p>
  184. <img style="width: 24px;" src="img/lx.png">
  185. </p>
  186. <span style="color: black;font-size:10px;">在线客服</span>
  187. </a>
  188. </li>
  189. <li> <a onclick="gzgzh()">
  190. <p>
  191. <img style="width: 24px;" src="img/wt.png">
  192. </p>
  193. <span style="color: black; font-size:10px;">常见问题</span>
  194. </a>
  195. </li>
  196. </ul>
  197. </div>
  198. </body>
  199. <script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js">
  200. </script>
  201. <script>
  202. function index() {
  203. parent.location.reload();
  204. }
  205. function zxkf() {
  206. document.getElementById("mainFrame").src = "kf.php";
  207. }
  208. function gzgzh() {
  209. document.getElementById("mainFrame").src = "dl.html";
  210. }
  211. function cxzx() {
  212. document.getElementById("mainFrame").src = "<?php echo $result[6] ?>";
  213. }
  214. </script>
  215. </html>