关于uni-ui的uni-poup组件

该问题请在专业群（ uni-ui官方技术交流群 ） 咨询，群中有相关专业的管理员和群友。

uni-popup-message 默认会贴在屏幕最顶端，因此会把状态栏遮住。
uni-ui 并未提供“留出状态栏高度”的参数，需要您自行计算安全距离并整体下移。
思路：在打开弹窗前先拿到状态栏高度，然后把 uni-popup 整体往下挪即可。

1. 在页面 data 里准备状态栏高度

   onLoad() {  
   const sys = uni.getSystemInfoSync()  
   this.statusBarHeight = sys.statusBarHeight || 0   // px  
   }

2. 给 uni-popup 加一个动态 style

   <uni-popup ref="message" type="message"  
          :style="{paddingTop: statusBarHeight + 'px'}">  
   <uni-popup-message :type="msgType" message="error" :duration="2000"/>  
   </uni-popup>

3. 如果还想再留一点空隙，可以写成

   paddingTop: (this.statusBarHeight + 10) + 'px'

这样弹出的提示就会紧贴在状态栏下方，不会再盖到状态栏了。

可以使用 --status-bar-height 占位这部分空间 https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F