uniapp小知识点 --持续更新，大概

1.解决 贴顶 贴底问题

uniapp的各个版本都有顶部栏，当我们使用 fixed 比如:

// 贴顶
position ：fixed  
top:0

// 贴底

position ：fixed  
bottom:0

比如固定搜索框 top:0 就会覆盖自带的导航栏，底部栏则会被 tabbar 遮挡

 

解决方案 、定位直接定到相对位置

// 贴顶
top:var(--status-bar-height)

// 贴底
bottom:var(--window-bottom)

关于H5页面的贴顶仍然超出的话，引用其他人：https://ask.dcloud.net.cn/question/88414

2.页面无法占据100%高度

在 页面中配置 

//方案1，pages 主页面设置如下
page {
　　height: 100%;
}   

 

 

 

 

 

-----------