....

src/pages/txwx.index.vue

@@ -52,14 +52,14 @@ const b7data = ref("");
 const b8data = ref("");
 const barEchartsData = ref('');
 const lineEchartsData = ref('');
-const initData =  () => {
-   _request({
+const initData = () => {
+  _request({
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
     },
-    baseURL:window.GLOBAL_CONFIG.txwxapi,
+    baseURL: window.GLOBAL_CONFIG.txwxapi,
     url: "/openapi/chart/index_data.php",
-    data:{},
+    data: {},
   })
     .then(res => {
       if (res.code == '1') {
@@ -73,9 +73,9 @@ const initData =  () => {
 
       }
     })
-  .catch(error=>{console.log(error)})
+    .catch(error => { console.log(error) })
 }
- initData();
+initData();
 
 
 const router = useRouter()
@@ -202,6 +202,31 @@ function go(name: string) {
 </template>
 
 <style>
+.bg_img {
+  background-image: url('~/assets/img/txwx/bg.webp');
+  background-repeat: no-repeat;
+  /* background-position: center; */
+  background-size: 100%;
+}
+
+.bg_img_header {
+  background-image: url('~/assets/img/txwx/header.webp');
+  background-repeat: no-repeat;
+  /* background-position: top center; */
+  background-origin: content-box;
+  background-size: 100%;
+}
+
+.hovered:hover .switched {
+  display: block;
+  opacity: .8;
+}
+
+.active .switched {
+  display: block;
+}
+
+
 .b-btn {
   width: 137px;
   height: 32px;