// 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;
}