南骏 池
2025-02-19 9e346bda123bba64e6eeebe0dff503bf84658af2
Images/Style.css
@@ -333,4 +333,103 @@
}
.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
*/