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

fix: 修复 table.css 样式

Browse Source
This commit is contained in:
就眠儀式
2022-04-13 22:42:11 +08:00
parent 90f89c7c5f
commit f3d29a3711
4 changed files with 15 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,5 @@
@import (reference) "../../theme/variable.less";
.laytable-cell-checkbox {
width: 34px;
}
.layui-table-col-special {
width: 34px;
}
@@ -88,11 +85,6 @@
padding: 15px 30px;
}
.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell {
height: 40px;
line-height: 40px;
}
.layui-table[lay-size="sm"] td,
.layui-table[lay-size="sm"] th {
font-size: 12px;
@@ -135,7 +127,7 @@
.layui-table-view .layui-table td.layui-table-col-special,
.layui-table-view .layui-table th.layui-table-col-special {
padding: 5px 16px;
padding: 5px;
}
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {

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

@@ -251,11 +251,7 @@ onMounted(() => {
</div>
</th>
<template v-for="column in columns" :key="column">
<th v-if="tableColumnKeys.includes(column.key)">
<div
class="layui-table-cell"
:style="{ width: column.width, textAlign: column.align }"
>
<th class="layui-table-cell" :style="{ width: column.width, textAlign: column.align }" v-if="tableColumnKeys.includes(column.key)">
<span>
<template v-if="column.titleSlot">
<slot :name="column.titleSlot"></slot>
@@ -280,7 +276,6 @@ onMounted(() => {
title="降序"
></i>
</span>
</div>
</th>
</template>
</tr>
@@ -314,15 +309,11 @@ onMounted(() => {
<template v-if="tableColumnKeys.includes(column.key)">
<!-- 插 槽 Column -->
<template v-if="column.customSlot">
<td class="layui-table-cell">
<div
:style="{
<td class="layui-table-cell" :style="{
width: column.width,
textAlign: column.align,
}"
>
}">
<slot :name="column.customSlot" :data="data"></slot>
</div>
</td>
</template>
<!-- 匹 配 Column -->
@@ -331,15 +322,11 @@ onMounted(() => {
v-for="(value, key) in data"
:key="value"
>
<td v-if="column.key == key" class="layui-table-cell">
<div
:style="{
<td v-if="column.key == key" class="layui-table-cell" :style="{
width: column.width,
textAlign: column.align,
}"
>
}">
<span> {{ value }} </span>
</div>
</td>
</template>
</template>