:root:root { --k-primary: #01c1b5; // 主题色 --k-font-primary: #00b2a7; // 字体色 --van-pull-refresh-head-height: 55px; --van-skeleton-paragraph-background: #ECEEF3; --van-skeleton-avatar-background: #ECEEF3; } // 默认输入框光标颜色 input, textarea { caret-color: var(--k-font-primary) !important; } .van-skeleton { padding: 0; } * { padding: 0; margin: 0; border: 0; box-sizing: border-box; } #app { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333; min-height: 100vh; } body { background-color: #f8f9fc; user-select: none; } .van-cell { padding: 12px; } // tab 选项卡样式 .van-picker .van-picker-column__item--selected { color: var(--k-font-primary); } // 下拉框样式重置 .van-dropdown-menu__bar { box-shadow: none; --van-dropdown-menu-title-font-size: 14px; --van-button-normal-font-size: 16px; --van-dropdown-menu-height: 44px; } .van-dropdown-item { // 在某些浏览器上面会显示一条线 margin-top: -1px; } .van-dropdown-item__content { border-radius: 0px 0px 12px 12px; .van-dropdown-item__option { margin: 0 13px; height: 44px; border-radius: 8px; width: auto; ; &:first-child { margin-top: 12px; } &:last-child { margin-bottom: 12px; } &:after { border: none; } .van-cell__title { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: var(--k-gray-4); text-align: center; } .van-cell__value { display: none; } } .van-dropdown-item__option--active { background: #F6F6F6; .van-cell__title { font-weight: 600; color: var(--k-font-primary); } } } // 固定底部按钮样式 .btnGroupFixed { padding: 0 25px; padding-bottom: calc(20px + constant(safe-area-inset-bottom)); padding-bottom: calc(20px + env(safe-area-inset-bottom)); } .btnGroupPopup { display: flex; align-items: center; justify-content: space-between; padding: 18px 13px; .van-button { font-weight: 400; width: 48%; font-size: 16px; } } .myClassM2 { .amap-marker-label { background: #FF5A56; } } // 地图样式 .amap-marker-label { // border: 0; background: #00B2A7; border: 0; color: #fff; line-height: 18px; font-size: 12px; padding: 2px 4px; border-radius: 4px; } // 自定义动画基类 .popup-custom { transition: all 0.25s; background: transparent; overflow: initial; } .popup-custom.van-scale { transform-origin: center -25%; } /* 缩放动画 */ .van-scale-enter-from, .van-scale-leave-to { opacity: 0; transform: scale(0.3); } .van-scale-enter-active, .van-scale-leave-active { transition: all 0.25s; }