气象样式

zhouwenxuan

2023-07-21 19a1db82b32b559fb805408474ff7e439ec27d96

气象样式

 App.vue

@@ -124,6 +124,7 @@
    // 设置整个项目的背景色
    page {
        background-color: #f5f5f5;
        height: 100%;
    }

    /* #endif */

 pages.json

@@ -42,6 +42,30 @@
            }
        },
        {
            "path" : "pages/tabBar/notice/measures",
            "style" :
            {
                "navigationStyle": "custom",
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
                "app-plus": {
                    "scrollIndicator": "none"
                }
            }
        },
        {
            "path" : "pages/tabBar/firstPage/firstPage",
            "style" :
            {
                "navigationStyle": "custom",
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
                "app-plus": {
                    "scrollIndicator": "none"
                }
            }
        },
        {
            "path" : "pages/tabBar/response/response",
            "style" :                                                                                    
            {
@@ -108,6 +132,35 @@
                    }
                }
            }
        },
        {
            "path" : "pages/tabBar/current/current",
            "style" :                                                                                    
            {
                "navigationStyle": "custom",
                "navigationBarTitleText": "",
                "enablePullDownRefresh": true,
                "app-plus": {
                    "scrollIndicator": "none",
                    "pullToRefresh": {
                        "support": true,
                        "color": "#000000",
                        "style": "circle"
                    }
                }
            }
        },
        {
            "path" : "pages/tabBar/weather/weather",
            "style" :                                                                                    
            {
                "navigationStyle": "custom",
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
                "app-plus": {
                    "scrollIndicator": "none"
                }
            }
        }
    ],
    "globalStyle": {
@@ -126,6 +179,9 @@
        "custom": true,
        "list": [
            {
                "pagePath": "pages/tabBar/firstPage/firstPage"
            },
            {
                "pagePath": "pages/tabBar/notice/notice"
            },
            {
@@ -139,8 +195,16 @@
            },
            {
                "pagePath": "pages/tabBar/count/count"
            },
            {
                "pagePath": "pages/tabBar/current/current"
            },
            {
                "pagePath": "pages/tabBar/weather/weather"
            }

			

        ]
    }
}

 pages/tabBar/count/count.vue

@@ -13,11 +13,7 @@
            </view>
        </view>
        <view class="content">
            <u-empty
                    text="数据累积中，统计分析模块待呈现……"
                    icon="http://cdn.uviewui.com/uview/empty/data.png"
            >
            </u-empty>
            <u-empty text="数据累积中，统计分析模块待呈现……" mode="data"></u-empty>
        </view>
        <tabBar :currentPagePath="page"></tabBar>
    </view>
@@ -53,7 +49,7 @@

</script>

<style>
<style lang='scss' scoped>
.box {
    display: flex; 
    flex-direction: column; 

 pages/tabBar/weather/weather.vue

@@ -1,5 +1,5 @@
<template>
    <view>
    <view style="height: 100%;">
        <!-- 自定义导航栏 -->
        <view class="navBarBox fix">
            <!-- 状态栏占位 -->
@@ -12,8 +12,9 @@
                </view>
            </view>
        </view>
        <view style="margin-bottom: 50px;">
             <web-view :src="webViewUrl"></web-view>
        <view style="height: 85%;">
             <!-- <web-view :src="webViewUrl"></web-view> -->
             <iframe :src="webViewUrl" width="100%" height="100%"> </iframe>
        </view>
        <tabBar :currentPagePath="page"></tabBar>
    </view>
@@ -81,9 +82,5 @@
}
.statusBar{
    background-color:lightgrey;
}
/deep/ .embed-map #detail .table-wrapper {
    background-color: #f8f8f8;
    margin-bottom: 50px;
}
</style>

 static/data.png