天气

css/okadmin-v2.css

@@ -466,6 +466,17 @@
     background: #F2F2F2;
 }
 
+/*中国天气样式*/
+.weather-ok{
+    height: 49px;
+    line-height: 49px;
+}
+.weather-ok .iframe-style{
+    /*height: 415px;*/
+    height: 375px;
+    padding-top: 5px;
+}
+
 /*主体内容样式*/
 .okadmin .content-body {
     position: absolute;

index.html

@@ -29,9 +29,10 @@
          </li>
          <li class="ok-nav-item ok-hide-md">
             <!-- 天气信息 -->
-            <div class="weather">
+            <div class="weather-ok">
-               <div id="tp-weather-widget"></div>
+               <iframe frameborder="0" scrolling="no" class="iframe-style" src="./weather.html" frameborder="0"></iframe>
             </div>
+            <!--<div id="tp-weather-widget"></div>-->
          </li>
       </ul>
       <ul class="layui-nav layui-layout-right">
@@ -60,7 +61,7 @@
             </a>
             <dl id="userInfo" class="layui-nav-child">
                <dd><a lay-id="u-1" href="javascript:;" data-url="pages/user/user.html">个人中心<span
-                   class="layui-badge-dot"></span></a></dd>
+                       class="layui-badge-dot"></span></a></dd>
                <dd><a lay-id="u-2" href="javascript:;" data-url="pages/user/user-info.html">基本资料</a></dd>
                <dd><a lay-id="u-3" href="javascript:;" data-url="pages/user/changePwd.html">安全设置</a></dd>
                <dd>
@@ -142,45 +143,54 @@
 <script src="lib/layui/layui.js"></script>
 <!--<script src="lib/nprogress/nprogress.js"></script>-->
 <script src="js/okadmin.js"></script>
-<!--天气预报插件-->
+
-<script type="text/javascript">
+<!--中国天气预报插件-->
-   (function (T, h, i, n, k, P, a, g, e) {
+<!-- ok-admin-weather -->
-      g = function () {
+<!--<script type="text/javascript">-->
-         P = h.createElement(i);
+  <!--WIDGET = {FID: 'acC5MsrKTi'}-->
-         a = h.getElementsByTagName(i)[0];
+<!--</script>-->
-         P.src = k;
+<!--<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>-->
-         P.charset = "utf-8";
+<!--知心天气预报插件-->
-         P.async = 1;
+<!--<script type="text/javascript">
-         a.parentNode.insertBefore(P, a)
+  (function (T, h, i, n, k, P, a, g, e) {
-      };
+    g = function () {
-      T["ThinkPageWeatherWidgetObject"] = n;
+      P = h.createElement(i);
-      T[n] || (T[n] = function () {
+      a = h.getElementsByTagName(i)[0];
-         (T[n].q = T[n].q || []).push(arguments)
+      P.src = k;
-      });
+      P.charset = "utf-8";
-      T[n].l = +new Date();
+      P.async = 1;
-      if (T.attachEvent) {
+      a.parentNode.insertBefore(P, a)
-         T.attachEvent("onload", g)
+    };
-      } else {
+    T["ThinkPageWeatherWidgetObject"] = n;
-         T.addEventListener("load", g, false)
+    T[n] || (T[n] = function () {
-      }
+      (T[n].q = T[n].q || []).push(arguments)
-   }(window, document, "script", "tpwidget", "//widget.seniverse.com/widget/chameleon.js"))
+    });
+    T[n].l = +new Date();
+    if (T.attachEvent) {
+      T.attachEvent("onload", g)
+    } else {
+      T.addEventListener("load", g, false)
+    }
+  }(window, document, "script", "tpwidget", "//widget.seniverse.com/widget/chameleon.js"));
 </script>
 <script type="text/javascript">
-   tpwidget("init", {
+  tpwidget("init", {
-      "flavor": "slim",
+    "flavor": "slim",
-      "location": "WX4FBXXFKE4F",
+    "location": "WX4FBXXFKE4F",
-      "geolocation": "enabled",
+    "geolocation": "enabled",
-      "language": "zh-chs",
+    "language": "zh-chs",
-      "unit": "c",
+    "unit": "c",
-      "theme": "chameleon",
+    "theme": "chameleon",
-      "container": "tp-weather-widget",
+    "container": "tp-weather-widget",
-      "bubble": "disabled",
+    "bubble": "disabled",
-      "alarmType": "badge",
+    "alarmType": "badge",
-      "color": "#FFFFFF",
+    "color": "#FFFFFF",
-      "uid": "U9EC08A15F",
+    "uid": "U9EC08A15F",
-      "hash": "039da28f5581f4bcb5c799fb4cdfb673"
+    "hash": "039da28f5581f4bcb5c799fb4cdfb673"
-   });
+  });
-   tpwidget("show");
+  tpwidget("show");
-</script>
+</script>-->
+
+
 </body>
 </html>

weather.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <title>中国天气</title>
+   <style>
+      #weather-float-he {
+         position: fixed !important;
+         z-index: 99999 !important;
+         left: 0 !important;
+         top: 0 !important;
+         transform: scale(.9);
+      }
+      body,html{
+         margin: 0;
+         width: 100%;
+         height: max-content;
+      }
+   </style>
+</head>
+<body>
+<script type="text/javascript">
+  WIDGET = {FID: 'RgKVDBQZUQ'}
+</script>
+<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>
+</body>
+</html>
+<!-- ok-admin-weather -->