deepChartVueApp/pages/home/deepMate.vue

<template>
	<view class="main">
		<!-- 顶部状态栏占位 -->
		<view class="top" :style="{height:iSMT+'px'}"></view>
		<view>DeepMate</view>
		<footerBar class="static-footer" :type="type"></footerBar>
	</view>
</template>

<script setup>
import { ref,onMounted } from 'vue'
import footerBar from '../../components/footerBar.vue'

const type = ref('deepMate')
const iSMT = ref(0)

onMounted(() => {
	// 状态栏高度
	iSMT.value = uni.getSystemInfoSync().statusBarHeight;
})
</script>

<style scoped>
.static-footer {
	position: fixed;
	bottom: 0;
}
</style>