upd: 更新降水模块

package.json

@@ -81,12 +81,15 @@
         "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3080320230523001",
         "@dcloudio/uni-ui": "^1.4.27",
         "@faker-js/faker": "^8.0.2",
+        "@types/mapbox-gl": "^2.7.11",
         "@vue/runtime-core": "~3.2.47",
         "@vueuse/core": "^10.1.2",
         "axios": "^1.4.0",
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.7",
         "lodash-es": "^4.17.21",
+        "mapbox-gl": "^2.15.0",
+        "mapbox-gl-controls": "^2.3.5",
         "nanoid": "^4.0.2",
         "pinia": "~2.0.36",
         "qs": "~6.9.7",

src/components/CustomPicker/index.vue

 <script setup lang="ts"></script>
 
 <template>
-    <view class="h-84 lh-10 flex text-28">
+    <view class="h-84 lh-10 flex text-28 bg-#fff p-2 pt-0 pb-0 pos-relative">
         <fui-icon name="wait" size="45" />
         <text class="ml-1">时间：</text>
         <text class="text-#1890FF">11月30日09时30分-12月1日09时30分</text>
+        <fui-icon name="arrowright" size="45" class="absolute right-16" />
     </view>
 </template>
 

src/pages.json

@@ -26,13 +26,16 @@
             "style": {
                 "navigationBarTitleText": "监测预报",
                 "enablePullDownRefresh": false,
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
+                "navigationBarBackgroundColor": "#1890FF",
                 "app-plus": {
-                    "titleNView": false
+                    "titleNView": {
+                        "backgroundImage": "/static/warnforecast.png",
+                        "backgroundRepeat": "no-repeat"
+                    }
                 },
-                "enableReachBottom": false
+                "SplitLineStyles": {
+                    "height": "160px"
+                }
             }
         },
         {
@@ -40,13 +43,13 @@
             "style": {
                 "navigationBarTitleText": "消息",
                 "enablePullDownRefresh": false,
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
+                "navigationBarBackgroundColor": "#1890FF",
                 "app-plus": {
-                    "titleNView": false
-                },
-                "enableReachBottom": false
+                    "titleNView": {
+                        "backgroundImage": "/static/warnforecast.png",
+                        "backgroundRepeat": "no-repeat"
+                    }
+                }
             }
         },
         {

src/pages/business/index.vue

 <script setup lang="ts">
-    import Header from '@/components/Layout/Header.vue'
-
     import { climateModules, forecastModules, liveModules, weatherModules } from '@/utils/const/Navigation'
 
     const navs = [
@@ -16,7 +14,7 @@
 <template>
     <view class="">
         <!-- 头部 -->
-        <Header title="监测预报" />
+        <!-- <Header title="监测预报" /> -->
         <!-- 内容 -->
         <view class="p-2 pt-3 pb-1">
             <view class="box-shadow-def p-2 pt-3 b-rd-2 mb-3 bg-#fff" v-for="(item, index) in navs" :key="index">

src/pages/business/monitor/rain.vue

@@ -10,7 +10,7 @@
 </script>
 
 <template>
-    <view class="bg">
+    <view class="bg h-100vh">
         <CustomPicker />
     </view>
 </template>

src/pages/message/index.vue

 <script setup lang="ts">
-    import Header from '@/components/Layout/Header.vue'
     import MenuHeader from '@/components/Layout/MenuHeader.vue'
 
     const options = ['全部消息', '应急响应', '预警信号', '临灾警报', '服务材料', '重要天气']
@@ -12,7 +11,7 @@
 <template>
     <view class="bg-#fff">
         <!-- 头部 -->
-        <Header title="消息" />
+        <!-- <Header title="消息" /> -->
         <!-- tab -->
         <view class="bg-#fff box-shadow-bottom pt-3.5 pl-3.2 pb-2.5">
             <fui-data-tag

types/components.d.ts

@@ -134,6 +134,7 @@ declare module '@vue/runtime-core' {
     Grid: typeof import('./../src/components/Layout/Grid.vue')['default']
     Header: typeof import('./../src/components/Layout/Header.vue')['default']
     Icon: typeof import('./../src/components/Icon/index.vue')['default']
+    Map: typeof import('./../src/components/Map/Mapbox/Map.vue')['default']
     MenuHeader: typeof import('./../src/components/Layout/MenuHeader.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']