theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

♻️(table): 严格控制 table 边框与错位像素, 待完善

Browse Source
This commit is contained in:
就眠儀式 2022-07-04 02:01:50 +08:00
parent 1731369f29
commit b796339c1c
2 changed files with 7 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
package/component/src/component/table/index.less
View File

@ -376,29 +376,6 @@
position: relative; position: relative;
overflow: auto; overflow: auto;
margin-bottom: -1px; margin-bottom: -1px;
&::-webkit-scrollbar {
width: 13px;
height: 13px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: 3px solid transparent;
border-radius: 7px;
}
&::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
&::-webkit-scrollbar-track:hover {
background-color: #f8fafc;
}
} }
.layui-table-body .layui-none { .layui-table-body .layui-none {
@ -437,8 +414,14 @@
display: block; display: block;
background: white; background: white;
position: sticky!important; position: sticky!important;
border-left: 1px solid #eee!important;
border-right: none!important;
} }
.layui-table-view .layui-table tr th:last-child,
.layui-table-view .layui-table tr td:last-child {
border-right: none!important;
}
.layui-table-mend { .layui-table-mend {
position: absolute; position: absolute;

3
package/component/src/component/table/index.vue
View File

@ -6,7 +6,7 @@ export default {
<script setup lang="ts"> <script setup lang="ts">
import "./index.less"; import "./index.less";
import { ref, watch, useSlots, withDefaults, onMounted } from "vue"; import { ref, watch, useSlots, withDefaults, onMounted, onUpdated } from "vue";
import { v4 as uuidv4 } from "../../utils/guidUtil"; import { v4 as uuidv4 } from "../../utils/guidUtil";
import { Recordable } from "../../types"; import { Recordable } from "../../types";
import { LayIcon } from "@layui/icons-vue"; import { LayIcon } from "@layui/icons-vue";
@ -34,7 +34,6 @@ export interface LayTableProps {
cellClassName?: string | Function; cellClassName?: string | Function;
rowStyle?: string | Function; rowStyle?: string | Function;
cellStyle?: string | Function; cellStyle?: string | Function;
skin?: string;
} }
const props = withDefaults(defineProps<LayTableProps>(), { const props = withDefaults(defineProps<LayTableProps>(), {