| | |
| | | } |
| | | |
| | | /* 当屏幕宽度小于或等于600px时应用的样式 */ |
| | | @media (max-width: 600px) { |
| | | @media (max-width: 300px) { |
| | | .van-cell { |
| | | font-size: .33rem; /* 更小的字体大小 */ |
| | | line-height: .50rem; |
| | |
| | | } |
| | | |
| | | /* 当屏幕宽度大于600px且小于或等于1024px时应用的样式 */ |
| | | @media (min-width: 601px) and (max-width: 1600px) { |
| | | @media (min-width: 300px) and (max-width: 1600px) { |
| | | .van-cell { |
| | | font-size: .25rem; /* 中等字体大小 */ |
| | | line-height: .45rem; |
| | | font-size: .20rem; /* 中等字体大小 */ |
| | | line-height: .23rem; |
| | | padding: .025rem .0900rem; /* 中等内边距 */ |
| | | } |
| | | |
| | |
| | | /* 增加右侧输入区域的字体大小并加深颜色 */ |
| | | .van-cell__value { |
| | | color: #333; /* 深色 */ |
| | | font-size: .30rem; /* 字体大小增大 */ |
| | | font-size: .25rem; /* 字体大小增大 */ |
| | | } |
| | | |
| | | .van-cell--clickable { |
| | |
| | | } |
| | | |
| | | .van-checkbox__icon--checked .van-icon { |
| | | color: blue !important; /* 勾选框的颜色设置为蓝色 */ |
| | | color: #1989fa !important; /* 勾选框的颜色设置为蓝色 */ |
| | | } |
| | | |
| | | /* 保持字体颜色不变 */ |
| | |
| | | /* 确保禁用状态下勾选框仍然显示为蓝色 */ |
| | | .van-checkbox--disabled .van-checkbox__icon .van-icon { |
| | | background-color: transparent !important; /* 移除禁用状态下的灰色背景 */ |
| | | border-color: blue !important; /* 设置禁用状态下的边框颜色为蓝色 */ |
| | | border-color: #1989fa !important; /* 设置禁用状态下的边框颜色为蓝色 */ |
| | | |
| | | } |
| | | |
| | | .van-icon { |
| | | font-size: 0.8em; |
| | | } |
| | | .van-tabs--line .van-tabs__wrap { |
| | | height: 0.8rem; |
| | | } |
| | |
| | | border-radius: 8px; |
| | | padding: 3px; |
| | | box-shadow: 0 2px 4px rgba(0,0,0,0.05); |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | /* 检验明细页输入框界面样式 */ |
| | | |
| | | |
| | | /* 检验明细页输入框界面样式 */ |