| | |
| | | /* 当屏幕宽度大于600px且小于或等于1024px时应用的样式 */ |
| | | @media (min-width: 601px) and (max-width: 1600px) { |
| | | .van-cell { |
| | | font-size: .28rem; /* 中等字体大小 */ |
| | | font-size: .25rem; /* 中等字体大小 */ |
| | | line-height: .45rem; |
| | | padding: .025rem .0900rem; /* 中等内边距 */ |
| | | } |
| | | |
| | | /* 减少左侧标题的字体大小并使颜色更淡 */ |
| | | .van-field__label { |
| | | color: #9c9898; /* 更淡的颜色 */ |
| | | margin-right: 0rem; |
| | | font-size: .20rem; /* 字体大小减小 */ |
| | | } |
| | | |
| | | /* 增加右侧输入区域的字体大小并加深颜色 */ |
| | | .van-cell__value { |
| | | color: #333; /* 深色 */ |
| | | font-size: .30rem; /* 字体大小增大 */ |
| | | } |
| | | |
| | | .van-cell--clickable { |
| | | cursor: pointer; |
| | | font-size: .30rem; /* 字体大小增大 */ |
| | | font-weight: bold; /* 字体加粗 */ |
| | | } |
| | | |
| | | .van-checkbox__icon { |
| | | font-size: 0.28rem; |
| | | } |
| | | } |
| | | |
| | |
| | | display: flex; /* 使用 Flexbox 布局 */ |
| | | justify-content: space-between; /* 左右平均分布 */ |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | padding: 0 16px; /* 内边距与 van-field 保持一致 */ |
| | | padding: 0 0px; /* 内边距与 van-field 保持一致 */ |
| | | } |
| | | |
| | | /* 调整 checkbox 的样式 */ |