| | |
| | | } |
| | | .mySolid .van-row { |
| | | border-bottom: .0267rem solid #646566; |
| | | } |
| | | } |
| | | |
| | | /*2025-02-19 池南骏修改 |
| | | begin |
| | | */ |
| | | .van-cell { |
| | | position: relative; |
| | | display: -webkit-box; |
| | | display: -webkit-flex; |
| | | display: flex; |
| | | box-sizing: border-box; |
| | | width: 100%; |
| | | padding: .030rem .1000rem; |
| | | overflow: hidden; |
| | | color: #323233; |
| | | font-size: .3733rem; |
| | | line-height: .64rem; |
| | | background-color: #fff; |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | } |
| | | |
| | | .van-button--small { |
| | | height: 100%; |
| | | padding: 0 .2133rem; |
| | | font-size: .32rem; |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | } |
| | | |
| | | van-field__button { |
| | | display: flex; /* 使用 Flexbox 布局 */ |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | justify-content: center; /* 水平居中对齐 */ |
| | | height: 100%; /* 按钮高度与父容器一致 */ |
| | | //min-height: 36px; /* 设置最小高度以避免过小 */ |
| | | padding: 0; /* 移除默认内边距 */ |
| | | } |
| | | |
| | | .van-button { |
| | | position: relative; |
| | | display: inline-flex; /* 使用 Flexbox 布局 */ |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | justify-content: center; /* 水平居中对齐 */ |
| | | box-sizing: border-box; |
| | | height: 100%; /* 按钮高度与父容器一致 */ |
| | | margin: 0; |
| | | padding: 0.1rem 0.1rem; /* 内边距可以根据需要调整 */ |
| | | font-size: inherit; /* 字体大小继承自父容器 */ |
| | | line-height: normal; /* 调整行高为正常值 */ |
| | | text-align: center; |
| | | border-radius: 0.2rem; /* 圆角半径 */ |
| | | cursor: pointer; |
| | | transition: opacity 0.2s; |
| | | -webkit-appearance: none; |
| | | white-space: nowrap; /* 防止文字换行 */ |
| | | font-size: .32rem; |
| | | } |
| | | |
| | | /* 按钮长度根据内容自适应 */ |
| | | .van-button { |
| | | min-width: fit-content; /* 按钮宽度根据内容自动调整 */ |
| | | padding: 0.2rem 0.4rem; /* 保留适当的内边距 */ |
| | | } |
| | | |
| | | |
| | | /* 设置 checkbox 容器的样式 */ |
| | | .checkbox-container { |
| | | display: flex; /* 使用 Flexbox 布局 */ |
| | | justify-content: space-between; /* 左右平均分布 */ |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | padding: 0 16px; /* 内边距与 van-field 保持一致 */ |
| | | } |
| | | |
| | | /* 调整 checkbox 的样式 */ |
| | | .checkbox-container .van-checkbox { |
| | | flex: 1; /* 让每个 checkbox 占据相等的空间 */ |
| | | text-align: center; /* 文本居中显示 */ |
| | | } |
| | | |
| | | .van-checkbox__icon--checked .van-icon { |
| | | color: blue !important; /* 勾选框的颜色设置为蓝色 */ |
| | | } |
| | | |
| | | /* 保持字体颜色不变 */ |
| | | .van-checkbox__label { |
| | | color: inherit !important; /* 字体颜色继承父级样式 */ |
| | | } |
| | | |
| | | /* 确保禁用状态下勾选框仍然显示为蓝色 */ |
| | | .van-checkbox--disabled .van-checkbox__icon .van-icon { |
| | | background-color: transparent !important; /* 移除禁用状态下的灰色背景 */ |
| | | border-color: blue !important; /* 设置禁用状态下的边框颜色为蓝色 */ |
| | | } |
| | | |
| | | .van-tabs--line .van-tabs__wrap { |
| | | height: 0.8rem; |
| | | } |
| | | |
| | | /* 2025-02-19 池南骏修改 |
| | | end |
| | | */ |