uniapp知识：设置页面高度自适应和全局子页面背景颜色

1.

uni-app所有页面背景颜色：

app.vue:

<style lang="scss" scoped>

    // 全局页面灰色
    page{
        background: $uni-bg-color-grey;
    }
</style>

2.

uni-appH5中高度自适应:

vue页面最外层盒子写个类名：

<template>

<view class="padding-nav">

</view>

</template>

<style lang="scss" scoped>

// 高度自适应
    .padding-nav {
        padding-bottom: var(--window-bottom);

}

</style>