vxe-table-plugin-iview
Version:
基于 vxe-table 的表格适配插件,用于兼容 iview、view-design 组件库
74 lines (69 loc) • 5.52 kB
CSS
.vxe-table.cell--highlight .vxe-cell > .ivu-select .ivu-select-selection,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-select .ivu-select-selection,
.vxe-table.c--highlight .vxe-cell > .ivu-select .ivu-select-selection,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-select .ivu-select-selection, .vxe-table.cell--highlight .vxe-cell > .ivu-input-number .ivu-input-number-handler-wrap,
.vxe-table.cell--highlight .vxe-cell > .ivu-input-number .ivu-input-number-handler-down,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-input-number .ivu-input-number-handler-wrap,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-input-number .ivu-input-number-handler-down,
.vxe-table.c--highlight .vxe-cell > .ivu-input-number .ivu-input-number-handler-wrap,
.vxe-table.c--highlight .vxe-cell > .ivu-input-number .ivu-input-number-handler-down,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-input-number .ivu-input-number-handler-wrap,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-input-number .ivu-input-number-handler-down, .vxe-table.cell--highlight .vxe-cell > .ivu-input-number,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-input-number,
.vxe-table.c--highlight .vxe-cell > .ivu-input-number,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-input-number, .vxe-table.cell--highlight .vxe-cell > .ivu-input-wrapper .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-auto-complete .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-cascader .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-date-picker .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-auto-complete .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-cascader .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-date-picker .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-auto-complete .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-cascader .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-date-picker .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-auto-complete .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-cascader .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-date-picker .ivu-input {
border: 0;
box-shadow: none;
}
.vxe-cell > .ivu-input-wrapper,
.vxe-tree-cell > .ivu-input-wrapper, .vxe-form .vxe-form--item-content > .ivu-input-wrapper, .vxe-cell > .ivu-input-number,
.vxe-tree-cell > .ivu-input-number, .vxe-form .vxe-form--item-content > .ivu-input-number, .vxe-cell > .ivu-select,
.vxe-tree-cell > .ivu-select, .vxe-form .vxe-form--item-content > .ivu-select, .vxe-cell > .ivu-cascader,
.vxe-tree-cell > .ivu-cascader, .vxe-form .vxe-form--item-content > .ivu-cascader, .vxe-cell > .ivu-date-picker,
.vxe-tree-cell > .ivu-date-picker, .vxe-form .vxe-form--item-content > .ivu-date-picker, .vxe-cell > .ivu-date-picker-editor,
.vxe-tree-cell > .ivu-date-picker-editor, .vxe-form .vxe-form--item-content > .ivu-date-picker-editor {
width: 100%;
}
.vxe-table--filter-iview-wrapper {
padding: 0.8em 1em;
}
.vxe-table--filter-iview-wrapper > .ivu-input-wrapper, .vxe-table--filter-iview-wrapper > .ivu-input-number, .vxe-table--filter-iview-wrapper > .ivu-select, .vxe-table--filter-iview-wrapper > .ivu-date-picker, .vxe-table--filter-iview-wrapper > .ivu-rate {
width: 180px;
}
.vxe-cell > .ivu-rate,
.vxe-tree-cell > .ivu-rate {
height: 22px;
line-height: 22px;
vertical-align: bottom;
}
.col--valid-error > .vxe-cell > .ivu-input-wrapper .ivu-input, .col--valid-error > .vxe-cell > .ivu-auto-complete .ivu-input, .col--valid-error > .vxe-cell > .ivu-input-number, .col--valid-error > .vxe-cell > .ivu-select .ivu-select-selection, .col--valid-error > .vxe-cell > .ivu-cascader .ivu-input, .col--valid-error > .vxe-cell > .ivu-date-picker .ivu-input, .col--valid-error > .vxe-tree-cell > .ivu-input-wrapper .ivu-input, .col--valid-error > .vxe-tree-cell > .ivu-auto-complete .ivu-input, .col--valid-error > .vxe-tree-cell > .ivu-input-number, .col--valid-error > .vxe-tree-cell > .ivu-select .ivu-select-selection, .col--valid-error > .vxe-tree-cell > .ivu-cascader .ivu-input, .col--valid-error > .vxe-tree-cell > .ivu-date-picker .ivu-input {
border-color: #f56c6c;
box-shadow: none;
}
.vxe-table.cell--highlight .vxe-cell > .ivu-input-wrapper .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-auto-complete .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-cascader .ivu-input, .vxe-table.cell--highlight .vxe-cell > .ivu-date-picker .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-auto-complete .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-cascader .ivu-input,
.vxe-table.cell--highlight .vxe-tree-cell > .ivu-date-picker .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-auto-complete .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-cascader .ivu-input,
.vxe-table.c--highlight .vxe-cell > .ivu-date-picker .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-input-wrapper .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-auto-complete .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-cascader .ivu-input,
.vxe-table.c--highlight .vxe-tree-cell > .ivu-date-picker .ivu-input {
padding: 0;
}