更新记录

1.0.0（2023-03-05） 下载此版本

自定义导航置顶,tabbar置底(处理安全距离),内容自动铺满超出会自动滚动

平台兼容性

项目的目录结构

├── components
    └── base-page       #引入的组件

　在 main.js 中引入全局文件

vue2的写法
import basePage from "./components/base-page"
Vue.component('base-page', basePage) //根页面

vue3的写法
const app = Vue.createApp({...})
app.component('base-page', basePage)

在模板中使用

<template>
    <base-page>
        <template #header>
            内容部分
        </template>
        <template #content>
            内容部分
        </template>
        <template #footer>
            内容部分
        </template>
    </base-page>
</template>