// html body html, body, #app { width: 100%; height: 100%; margin: 0px; padding: 0px; } body { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--text-color); background-color: #fff; font-size: .14rem; // 防止底部被遮挡 padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } // 路由切换 动画 .route-enter-active, .route-leave-active { transition: opacity .3s; } .route-enter, .route-leave-to { opacity: 0; } *, :after, :before { box-sizing: border-box; }