// 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: #262626; 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; } // van组件样式调整 // 表单 .screen-form { input::placeholder { color: #999999; float: right; } .van-cell:after { transform: scaleY(1); } >.van-field:last-child { &::before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: 1px solid var(--van-cell-border-color); } } }