uni-app 挖坑记录（持续更新）小程序单独设置页面page样式。 H5的uni.chooseImage只调用相机or

小程序单独设置页面page样式。

小程序并不能识别到scoped里的page标签，然后不加scoped，在小程序里，并不会样式污染

<!-- #ifdef MP-WEIXIN -->
<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<!-- #endif -->
<style lang="scss" scoped>
	page{
		background-color: #FFFFFF;
	}
</style>

H5的uni.chooseImage只调用相机or相册失败。

官方说是无效了，还没有解决方案。

sourceType 在H5端对应input的capture属性，设置为['album']无效，依然可以使用相机。

view文本不自动换行问题

设置了white-space:pre-line或者white-space:pre-wrap都没用，最后是用word-break:break-all;解决的。

自定义顶部标题，uni设置了高度变量`--status-bar-height`，点击查看官网

.status_bar {
  height: var(--status-bar-height);
  width: 100%;
}

小程序右上角的关闭按钮位置，胶囊按钮`getMenuButtonBoundingClientRect()`

upx转px (现在通用rpx作为单位)

uni.upx2px(100)接收的100为upx大小，转为该设备px大小

刘海屏适应

var(--status-bar-height)能拿到顶部状态栏的高度，直接给样式就可以了

padding-top:var(--status-bar-height);

底部安全距离

底部安全距离颜色：在manifest文件里面配置全局的app-plus配置

 "safearea": {  
        "background":"#CCCCCC",    // 安全区域外的背景颜色，默认值为"#FFFFFF"  
        "bottom":{    // 底部安全区域配置  
            "offset":"none|auto"       // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"  
        },  
        "left": {    // 左侧安全区域配置（横屏显示时有效）  
            "offset":"none|auto"  
        },  
        "right: {    // 右侧安全区域配置（横屏显示时有效）  
            "offset":"none|auto"  
        }  
    }

uni-app 挖坑记录（持续更新）