调试

快乐的昕的电脑

2025-11-22 11939aa712c013aad41c08dece5c979fd821ffcb

 pages/index.vue

@@ -752,6 +752,14 @@

<style lang="scss">

    :deep(.checkbox),
    :deep(.checkbox__inner) {
        padding: 10px !important;
        width: 44px !important;
        min-width: 44px !important;
        box-sizing: border-box;
    }

    .row-selected {
        background-color: #e0f3ff !important;
    }
@@ -1057,78 +1065,6 @@
        /* 可选：设置最大宽度，防止撑破表格 */
        max-width: 180px;
        overflow-wrap: break-word;
    }


    :deep(.el-checkbox) {
        min-width: 60px !important;
        min-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* 可选：让内容居中 */
    }

    :deep(.el-checkbox__input) {
        width: 44px !important;
        height: 44px !important;
        font-size: 44px !important;
    }

    :deep(.el-checkbox__inner) {
        width: 44px !important;
        height: 44px !important;
        border-radius: 8px !important;
        border: 2px solid #007aff !important;
    }

    :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
        background-color: #007aff !important;
        border-color: #007aff !important;
    }

     /* 覆盖 uni-table 选择列大小与内边距（H5 与非 H5 通用） */
     .uni-table .uni-table-tr > .checkbox {
         padding: 10px 10px 10px 14px !important; /* 你的要求：padding=10px，可稍微左缩进 */
         width: 90px !important; /* 扩宽整列 */
         box-sizing: border-box;
        
    }

     .uni-table .uni-table-tr > .checkbox .uni-table-checkbox {
         margin: 0 !important; /* 去掉内部默认上下 margin */
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner {
         width: 36px !important;
         height: 36px !important;
         border-radius: 6px !important;
         border: 2px solid #007aff !important;
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner.is-checked {
         background-color: #007aff !important;
         border-color: #007aff !important;
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner-icon {
         top: 6px !important;
         left: 11px !important;
         height: 18px !important;
         width: 8px !important;
         border-width: 3px !important;
        
    }

    
     /* 表头行（第一行）checkbox 也加大（H5 的 <th class="checkbox">） */
     table.uni-table tr .checkbox {
         padding: 10px 10px 10px 14px !important;
         width: 90px !important;
        
    }

   /* 针对1280x800的平板使用媒体查询进行适配 */