uni-app 全局 CSS 样式

App.vue

<style>
    /*每个页面公共css */
    page {
      min-height: calc(100vh - var(--status-bar-height) - var(--window-top) - var(--window-bottom));
      background-color: #F7F7F7;
    }
    
    page, view, text {
        box-sizing: border-box;
    }

    .flex-row {
        display: flex;
        gap: 20rpx;
    }

    .flex-column {
        display: flex;
        flex-direction: column;
        gap: 20rpx;
    }
    
    .flex1 {
        flex: 1;
    }
    
    .shadow {
        background-color: white;
        padding: 20rpx;
        border-radius: 20rpx;
    }
</style>

注意

在uni-app中不能使用*选择器。