cn_run.htm 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <title>猫王音乐台_猫王收音机_猫王音响 - 猫王官网</title>
  8. <meta name="description" content="什么是猫王妙播,猫王官方音乐电台频道,365天24小时不间断的好音乐、好内容,为你提供最新鲜有趣的“声活方式”。">
  9. <meta name="keywords" content="猫王妙播">
  10. <link rel="canonical" href="https://www.radio1964.com/station" />
  11. <link rel="shortcut icon" href="./static/css/favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
  13. <link rel="stylesheet" type="text/css" href="./static/css/station.css">
  14. <script type="text/javascript">
  15. if (window.innerWidth <= 1080) {
  16. (function (doc, win) {
  17. var width = 750;
  18. var height = 1220;
  19. var docEl = doc.documentElement;
  20. var reCalc = (function () {
  21. var reCalc = function () {
  22. var winWidth = docEl.clientWidth;
  23. var winHeight = docEl.clientHeight;
  24. if (!winWidth) return;
  25. var fontSize;
  26. if (winWidth / winHeight > width / height) {
  27. fontSize = 100 * winHeight / height;
  28. } else {
  29. fontSize = 100 * winWidth / width;
  30. }
  31. docEl.style.fontSize = fontSize + 'px';
  32. console.log(fontSize, docEl.style.fontSize);
  33. return reCalc;
  34. };
  35. return reCalc();
  36. })();
  37. var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  38. if (!doc.addEventListener) return;
  39. win.addEventListener(rszEvt, reCalc);
  40. })(document, window);
  41. } else {
  42. (function (doc, win) {
  43. var width = 1920;
  44. var height = 965;
  45. var docEl = doc.documentElement;
  46. var reCalc = (function () {
  47. var reCalc = function () {
  48. var winWidth = docEl.clientWidth;
  49. var winHeight = docEl.clientHeight;
  50. if (!winWidth) return;
  51. var fontSize;
  52. if (winWidth / winHeight > width / height) {
  53. fontSize = 100 * winHeight / height;
  54. } else {
  55. fontSize = 100 * winWidth / width;
  56. }
  57. docEl.style.fontSize = fontSize + 'px';
  58. console.log(fontSize, docEl.style.fontSize);
  59. return reCalc;
  60. };
  61. return reCalc();
  62. })();
  63. var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  64. if (!doc.addEventListener) return;
  65. win.addEventListener(rszEvt, reCalc);
  66. })(document, window);
  67. }
  68. </script>
  69. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  70. <script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
  71. <script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
  72. <script type="text/javascript" src="./static/js/module/TD.js"></script>
  73. <style type="text/css">
  74. @media (max-width: 1600px) {
  75. .nav-lang:hover {
  76. height: 84px;
  77. }
  78. }
  79. @media (max-width: 1280px) {
  80. .nav-lang:hover {
  81. height: 72px;
  82. }
  83. }
  84. @media (max-device-width: 1081px) {
  85. .nav-lang:hover {
  86. height: 0.8rem;
  87. }
  88. }
  89. </style>
  90. </head>
  91. <body>
  92. <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
  93. <div class="m-loading">
  94. <div class="loading-step"></div>
  95. <div class="loading-text">0%</div>
  96. <div class="img-preload">
  97. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_01.jpg">
  98. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_02.jpg">
  99. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_03.jpg">
  100. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_04.jpg">
  101. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_05.jpg">
  102. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_06.jpg">
  103. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_slide_07.jpg">
  104. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_icon_all.png">
  105. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_logo.png">
  106. <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%9F%B3%E4%B9%90%E5%8F%B0/station_qrcode.png">
  107. </div>
  108. </div>
  109. <header class="m-header">
  110. <a href="/index"><div class="header-logo"></div></a>
  111. <div class="nav-wrap">
  112. <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
  113. 商城
  114. </div>
  115. <div class="nav-lang">
  116. <div class="nav-lang-current">
  117. <div class="nav-lang-item">简体</div>
  118. </div>
  119. <ul class="nav-lang-hidden">
  120. <li class="nav-lang-item lang-cn">简体</li>
  121. <!-- <li class="nav-lang-item lang-gb">繁体</li> -->
  122. <li class="nav-lang-item lang-en">EN</li>
  123. </ul>
  124. </div>
  125. <div class="nav-version">
  126. <a href="/radios">
  127. <div class="nav-version-item version-maoking nav-version-current">猫王音响</div>
  128. </a>
  129. <a href="/ohplay">
  130. <div class="nav-version-item version-radiooo">猫王妙播</div>
  131. </a>
  132. <a href="/station">
  133. <div class="nav-version-item version-maofm">猫王音乐台</div>
  134. </a>
  135. </div>
  136. <div class="nav-menu"></div>
  137. </div>
  138. <div class="subnav-wrap">
  139. <div class="subnav-logo"></div>
  140. <div class="subnav-main-wrap">
  141. <a href="/station"><div class="subnav-main-item">首页</div></a>
  142. </div>
  143. </div>
  144. </header>
  145. <div class="m-maofm">
  146. <div class="maofm-1 section">
  147. <div class="station-logo"></div>
  148. <div class="station-subtitle"></div>
  149. <div class="section-app">
  150. <div class="app-qrcode"></div>
  151. <div class="app-hint">微信扫描关注公众号</div>
  152. </div>
  153. </div>
  154. <div class="maofm-3 section">
  155. <div class="title-line"></div>
  156. <h2 class="section-title"><!--{ echo $stationData['title'][0]; }--></h2>
  157. <p class="section-content"><!--{ echo $stationData['content'][0]; }--></p>
  158. <div class="section-img"></div>
  159. </div>
  160. <div class="maofm-4 section">
  161. <h2 class="section-title"><!--{ echo $stationData['title'][1]; }--></h2>
  162. <p class="section-content"><!--{ echo $stationData['content'][1]; }--></p>
  163. </div>
  164. <div class="maofm-5 section">
  165. <h2 class="section-title"><!--{ echo $stationData['title'][2]; }--></h2>
  166. <p class="section-content"><!--{ echo $stationData['content'][2]; }--></div>
  167. <div class="maofm-6 section">
  168. <div class="title-line"></div>
  169. <h2 class="section-title"><!--{ echo $stationData['title'][3]; }--></h2>
  170. <p class="section-content"><!--{ echo $stationData['content'][3]; }--></p>
  171. </div>
  172. <div class="maofm-7 section">
  173. <h2 class="section-title"><!--{ echo $stationData['title'][4]; }--></h2>
  174. <p class="section-content"><!--{ echo $stationData['content'][4]; }--></p>
  175. <div class="station-icon-all"></div>
  176. </div>
  177. </div>
  178. <!--{ echo $footer; }-->
  179. </body>
  180. <script>
  181. if (window.innerWidth <= 1080) {
  182. $('.section-content').each(function () {
  183. $(this).text($(this).text().replace('<br>', ''));
  184. })
  185. }
  186. </script>
  187. <script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
  188. <script type="text/javascript" src="./static/js/station.js"></script>
  189. </html>