uni-app导航栏的坑

布满荆棘的人生 2023-02-16 14:28 1阅读 0赞

### 1.要求的样式 跟给定的差很多 必须更改 ###

##### 1.App端，在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位，只支持 px，不支持 rpx。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE_size_16_color_FFFFFF_t_70] #####

`以下代码 是App端的获取以及设置`

<template>
        <view class="content">
            <view :style="{ height: iStatusBarHeight + 'px'}"></view>
        </view>
    </template>
    
    <script>
        export default { 
            data() { 
                return { 
                    iStatusBarHeight:0
                }
            },
            onLoad() { 
                this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight
            }
        }
    </script>

`因为我们在做app的时候 很多时候 都用了 原生的导航栏 以下参数 就可以 自己设置了`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE_size_16_color_FFFFFF_t_70 1]  
`以后有时间 会把 写出来的效果 跟代码 展示出来`

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200610110516404.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200610110639690.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hcGxlX2FuZF9zYWt1cmE=,size_16,color_FFFFFF,t_70