PunchSettle-MiniProgram/stores/safeArea.js

import {
	defineStore
} from 'pinia';

/**
 * 安全区
 * statusBarHeight: 状态栏高度
 * capsuleBarHeight: 胶囊按钮高度
 * topHeight: 状态栏+胶囊按钮高度
 * bottomHeight: 底部安全区高度
 * capsuleBarHeight 胶囊按钮栏高度
 * capsuleBarLeft 胶囊按钮栏左边距离
 * capsuleBarMargin 胶囊按钮栏边距
 * capsuleBarMarginTop 胶囊按钮栏上边距
 * capsuleBarMarginBottom 胶囊按钮栏下边距
 * capsuleBarContentHeight 胶囊按钮内容高度
 */
export const useSafeAreaStore = defineStore('safeArea', {
	state: () => ({
		statusBarHeight: 0,
		capsuleBarHeight: 0,
		topHeight: 0,
		bottomHeight: 0,
		capsuleBarLeft: 0,
		capsuleBarMargin: 0,
		capsuleBarMarginTop: 0,
		capsuleBarMarginBottom: 0,
		capsuleBarContentHeight: 0
	})
});