| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- /* Vant 4 CSS 变量 — 方案 A 薄荷微风 */
- page {
- --van-primary-color: #22c55e;
- --van-success-color: #10b981;
- --van-danger-color: #ef4444;
- --van-warning-color: #d97706;
- --van-button-primary-background: #22c55e;
- --van-button-primary-border-color: #22c55e;
- --van-nav-bar-background: transparent;
- --van-nav-bar-title-text-color: #065f46;
- --van-nav-bar-icon-color: #065f46;
- --van-tabs-bottom-bar-color: #22c55e;
- --van-tag-primary-color: #22c55e;
- --van-steps-active-color: #22c55e;
- --van-notice-bar-background: #ecfdf5;
- --van-notice-bar-text-color: #16a34a;
- /* 表单 Cell / Field 更紧凑(选择框与输入行) */
- --van-cell-vertical-padding: 8px;
- --van-cell-horizontal-padding: 16px;
- --van-cell-font-size: 14px;
- --van-cell-line-height: 22px;
- --van-field-input-text-color: #0f291e;
- --van-field-placeholder-text-color: #5f7a6d;
- }
- /* 选择类触发条(is-link / readonly):再压矮一点 */
- .van-field.van-cell--clickable,
- .van-field--readonly.van-cell--clickable {
- min-height: 40px;
- }
- .van-field.van-cell--clickable .van-field__control,
- .van-field--readonly.van-cell--clickable .van-field__control {
- font-size: 13px;
- min-height: 22px;
- line-height: 22px;
- }
- .van-field.van-cell--clickable .van-cell__right-icon,
- .van-field--readonly.van-cell--clickable .van-cell__right-icon {
- font-size: 14px;
- line-height: 22px;
- }
|