[移动开发]小程序ios/安卓移动端兼容问题

• iphoneX 及以上底部存在黑条

方案：

mounted() {
	this.$nextTick(()=>{
	     uni.getSystemInfo({ 
	         success:(res)=> { //成功回调函数
	             if(res.model.indexOf('iPhone X') !== -1 || 
	             res.model.indexOf('iPhone 11') !== -1 || 
	             res.model.indexOf('iPhone 12') !== -1 || 
	             res.model.indexOf('iPhone 13') !== -1){
	                 this.safetyBottom = true
	             }
	         }
	     })
	 })
	},

.safetyBottom{
	padding-bottom: constant(safe-area-inset-bottom); 
	padding-bottom: env(safe-area-inset-bottom);
}


/**
	env() 和 constant()是IOS11新增的css函数，有四个预定义的变量
	safe-area-inset-bottom、safe-area-inset-top、safe-area-inset-left、
	safe-area-inset-right，
	分别是安全区域到各边界的距离，此时我们只需要关心afe-area-inset-bottom
	（横竖屏的情况下是不一样的）。对于不支持这两个属性的情况，浏览器会忽略。
*/

• ios 真机 不能解析YYYY-MM-DDDD格式 date.getYear()/ getFullYear()/getMonth(); 返回NaN

方案

	let dateStr = '2022-01-01'; 
	dateStr = dateStr.replace(/\-/g, '/'); // 将'-'符号替换成'/'
	let dataTime = new Date(dateStr).getTime();

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖