1.事件上报，我的/子页面导航条样式调整

Administrator

2021-07-03 68711a7e6fb25db8bddfd86a5caabd0e9dc0a333

1.事件上报，我的/子页面导航条样式调整

 pages.json

@@ -36,7 +36,8 @@
            "name": "aboutUs",
            "style": {
                "navigationBarTitleText": "关于我们",
                "navigationBarBackgroundColor": "#F56968"
                "navigationBarBackgroundColor": "#0BB9C8",
                "navigationBarTextStyle":"white"
            }
        },
        {
@@ -44,7 +45,8 @@
            "name": "shezhi",
            "style": {
                "navigationBarTitleText": "系统设置",
                "navigationBarBackgroundColor": "#F56968"
                "navigationBarBackgroundColor": "#0BB9C8",
                "navigationBarTextStyle":"white"
            }
        },
        {
@@ -59,8 +61,9 @@
            "path": "pages/myself/childen/genxin",
            "name": "genxin",
            "style": {
                "navigationBarTitleText": "版本信息",
                "navigationBarBackgroundColor": "#F56968"
                "navigationBarTitleText": "隐私政策",
                "navigationBarBackgroundColor": "#0BB9C8",
                "navigationBarTextStyle":"white"
            }
        },
        {

 pages/myself/childen/genxin.vue

@@ -1,90 +1,21 @@
<template>
    <view class="aboutUs">
        <image src="../../../static/users.png" mode=""></image>
        <view class="a">
            6.4.1
        </view>
        <!-- <view class="b">
            2020.02.29
        </view> -->
        <!-- <view class="genxinBut">
            <button class="custom-btn btn-3" @click="upMain"><span>点击更新</span></button>
        </view> -->
    <view class="shezhi">
        更多功能即将上线······
    </view>
</template>

<script>
    export default {
        methods: {
            upMain() {
                uni.showLoading({
                    title: "正在检查更新...",
                    mask: true
                })
                var time = setTimeout(() => {
                    wx.showToast({
                        title: '您当前是最新版！',
                        icon: "success",
                        duration: 1000
                    })
                    time = null
                }, 1000)
            }
        }
    }
</script>

<style lang="scss" scoped>
    .aboutUs {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;

        image {
            width: 4rem;
            height: 4rem;
            position: relative;
            top: 450rpx;
        }

        .a {
            position: relative;
            top: 450rpx;
            padding-top: 1rem;
        }

        .genxinBut {
            .custom-btn {
                width: 130px;
                height: 40px;
                color: #fff;
                border-radius: 5px;
                padding: 10px 25px;
                font-family: 'Lato', sans-serif;
                font-weight: 500;
                background: transparent;
                cursor: pointer;
                transition: all 0.3s ease;
                position: relative;
                display: inline-block;
                box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
                    7px 7px 20px 0px rgba(0, 0, 0, .1),
                    4px 4px 5px 0px rgba(0, 0, 0, .1);
                outline: none;
            }

            .btn-3 {
                background: rgb(0, 172, 238);
                background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);
                width: 130px;
                height: 40px;
                line-height: 42px;
                padding: 0;
                border: none;

            }
        }
    }
.shezhi{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    // justify-content: center;
    position: absolute;
    top: 45%;
    flex-direction: column;
}
</style>

 pages/reported/reported.vue

@@ -1,16 +1,15 @@
<template>
    <view class="policeDetails">
        <!-- 自定义顶部导航栏 -->
        <!-- <navBarTop :title="'我要报'"></navBarTop> -->
        <uni-nav-bar class="uni-nav-bar-info" :fixed="true" :status-bar="true">
            <view class="title" slot="default">{{title}}</view>
            <view slot="left" class="uni-nav-bar-left" @click="goBack()">
                <image :src="backImage"></image>
            </view>
            <view class="right" slot="right">
                <view class="title-right">历史上报</view>
            </view>
        </uni-nav-bar>
        <u-navbar
            :is-back="true" 
            title="事件上报" 
            :background="background"
            back-icon-color="#FFF"
            title-color="#FFF"
            >
            <view class="navbar-right" slot="right">历史上报</view>	
        </u-navbar>
        <!-- <view class="row address">
            <view class="title">地址</view>
            <input v-model="place" placeholder="请输入地址" />
@@ -67,7 +66,10 @@
                imgs: [],
                videos: [],
                title: '事件上报',
                backImage: '../../static/images/nav/back02.png'
                backImage: '../../static/images/nav/back02.png',
                background:{
                    backgroundColor:"#0BB9C8"
                }
            }
        },
        methods: {
@@ -243,6 +245,13 @@
</script>

<style lang="scss">
	
    .navbar-right{
        color: #fff;
        font-size: 0.7rem;
        margin-right: 1.5rem;
        margin-top: 0.2rem;
    }

    .uni-nav-bar-info {
        // font-weight: 550;