uni-app状态栏相关问题

参考网址:https://www.jianshu.com/p/7344c4066e82

预留状态栏高度,改变状态栏颜色

<!-- #ifdef APP-PLUS -->  
    <div class="status_bar">  
        <div class="top_view"></div> 
    </div>  
<!-- #endif -->         

uni-app状态栏相关问题

.status_bar {
      height: var(--status-bar-height);  // 状态栏高度
      width: 100%;  
      background:linear-gradient(to right,#2C8FE1,#3CA5E6,#47B5E9) // 状态栏背景颜色
}

uni-app状态栏相关问题

 

uni-app状态栏相关问题

上一篇:VUE移动端音乐APP学习【九】:播放器基础样式及展开收起


下一篇:Vue3.0高阶实战:开发高质量音乐Web app