.j-vxe-table-box {
|
|
@height: 24px;
|
@lineHeight: 1.5;
|
@spacing: 4px;
|
@fontSize: 14px;
|
@borderRadius: 2px;
|
|
&.size--tiny {
|
|
.vxe-table--header .vxe-cell--checkbox {
|
position: relative;
|
top: 2px;
|
right: 1px;
|
}
|
|
.vxe-table--body .vxe-cell--checkbox {
|
line-height: 2;
|
}
|
|
.vxe-cell {
|
padding: 0 5px;
|
font-size: @fontSize;
|
line-height: @lineHeight;
|
}
|
|
.vxe-table .vxe-header--column .vxe-cell {
|
font-size: 12px;
|
}
|
|
.vxe-body--column.col--actived {
|
padding: 0;
|
|
.vxe-cell {
|
padding: 0;
|
}
|
|
}
|
|
// ant输入框
|
.ant-input,
|
// ant下拉框
|
.ant-select-selection {
|
padding: 2px @spacing;
|
height: @height;
|
font-size: @fontSize;
|
border-radius: @borderRadius;
|
line-height: @lineHeight;
|
}
|
|
// 输入框图标对齐
|
.ant-input-affix-wrapper {
|
& .ant-input-prefix {
|
left: 4px;
|
}
|
|
& .ant-input:not(:first-child) {
|
padding-left: 20px;
|
}
|
}
|
|
// 按钮 addon
|
.ant-input-group-addon {
|
border-color: transparent;
|
border-radius: @borderRadius;
|
}
|
|
|
// ant下拉多选框
|
.ant-select-selection--multiple {
|
min-height: @height;
|
|
& .ant-select-selection__rendered > ul > li {
|
height: calc(@height - 6px);
|
font-size: calc(@fontSize - 2px);
|
margin-top: 0;
|
line-height: @lineHeight;
|
padding: 0 18px 0 4px;
|
|
}
|
|
& .ant-select-selection__clear,
|
& .ant-select-arrow {
|
top: 12px;
|
}
|
}
|
|
|
// ant按钮
|
.ant-upload {
|
width: 100%;
|
|
.ant-btn {
|
width: 100%;
|
height: @height;
|
padding: 0 8px;
|
font-size: @fontSize;
|
border-color: transparent;
|
background-color: transparent;
|
border-radius: @borderRadius;
|
|
&:hover {
|
background-color: rgba(255, 255, 255, 0.3);
|
}
|
}
|
}
|
|
.ant-select-selection__rendered {
|
line-height: @lineHeight;
|
margin-left: 0;
|
}
|
|
|
// 工具栏
|
.j-vxe-toolbar {
|
margin-bottom: 4px;
|
|
.ant-form-item-label,
|
.ant-form-item-control {
|
line-height: 22px;
|
}
|
|
.ant-form-inline .ant-form-item {
|
margin-right: 4px;
|
}
|
|
}
|
}
|
|
/** 内置属性 */
|
|
.vxe-table.size--tiny {
|
& .vxe-table--expanded {
|
padding-right: 0;
|
}
|
|
& .vxe-body--expanded-cell {
|
padding: 8px;
|
}
|
}
|
|
.size--tiny .vxe-loading .vxe-loading--spinner {
|
width: 38px;
|
height: 38px
|
}
|
|
.vxe-table.size--tiny .vxe-body--column.col--ellipsis,
|
.vxe-table.size--tiny .vxe-footer--column.col--ellipsis,
|
.vxe-table.size--tiny .vxe-header--column.col--ellipsis,
|
.vxe-table.vxe-editable.size--tiny .vxe-body--column {
|
height: @height;
|
}
|
|
.vxe-table.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-table.size--tiny .vxe-table--empty-block,
|
.vxe-table.size--tiny .vxe-table--empty-placeholder {
|
min-height: @height;
|
}
|
|
.vxe-table.size--tiny .vxe-body--column:not(.col--ellipsis),
|
.vxe-table.size--tiny .vxe-footer--column:not(.col--ellipsis),
|
.vxe-table.size--tiny .vxe-header--column:not(.col--ellipsis) {
|
padding: 4px 0
|
}
|
|
.vxe-table.size--tiny .vxe-cell .vxe-default-input,
|
.vxe-table.size--tiny .vxe-cell .vxe-default-select,
|
.vxe-table.size--tiny .vxe-cell .vxe-default-textarea {
|
height: @height;
|
}
|
|
.vxe-table.size--tiny .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
|
margin-top: 1px
|
}
|
|
.vxe-table.size--tiny.virtual--x .col--ellipsis .vxe-cell,
|
.vxe-table.size--tiny.virtual--y .col--ellipsis .vxe-cell,
|
.vxe-table.size--tiny .vxe-body--column.col--ellipsis .vxe-cell,
|
.vxe-table.size--tiny .vxe-footer--column.col--ellipsis .vxe-cell,
|
.vxe-table.size--tiny .vxe-header--column.col--ellipsis .vxe-cell {
|
max-height: @height;
|
}
|
|
.vxe-table.size--tiny .vxe-cell--checkbox .vxe-checkbox--icon,
|
.vxe-table.size--tiny .vxe-cell--radio .vxe-radio--icon {
|
font-size: 14px
|
}
|
|
|
.vxe-table.size--tiny .vxe-table--filter-option > .vxe-checkbox--icon,
|
.vxe-table.size--small .vxe-table--filter-option > .vxe-checkbox--icon {
|
font-size: 14px
|
}
|
|
.vxe-modal--wrapper.size--tiny .vxe-export--panel-column-option > .vxe-checkbox--icon,
|
.vxe-modal--wrapper.size--small .vxe-export--panel-column-option > .vxe-checkbox--icon {
|
font-size: 14px
|
}
|
|
.vxe-grid.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-toolbar.size--tiny {
|
font-size: 12px;
|
height: 46px
|
}
|
|
.vxe-toolbar.size--tiny .vxe-custom--option > .vxe-checkbox--icon {
|
font-size: 14px
|
}
|
|
.vxe-pager.size--tiny {
|
font-size: 12px;
|
height: @height;
|
}
|
|
.vxe-checkbox.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-checkbox.size--tiny .vxe-checkbox--icon {
|
font-size: 14px
|
}
|
|
.vxe-radio-button.size--tiny .vxe-radio--label {
|
line-height: 26px
|
}
|
|
.vxe-radio.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-radio.size--tiny .vxe-radio--icon {
|
font-size: 14px
|
}
|
|
.vxe-input.size--tiny {
|
font-size: 12px;
|
height: @height;
|
}
|
|
.vxe-input.size--tiny .vxe-input--inner[type=date]::-webkit-inner-spin-button,
|
.vxe-input.size--tiny .vxe-input--inner[type=month]::-webkit-inner-spin-button,
|
.vxe-input.size--tiny .vxe-input--inner[type=week]::-webkit-inner-spin-button {
|
margin-top: 0
|
}
|
|
.vxe-dropdown--panel.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-textarea--autosize.size--tiny,
|
.vxe-textarea.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-textarea.size--tiny:not(.is--autosize) {
|
min-height: @height;
|
}
|
|
.vxe-button.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-button.size--tiny.type--button {
|
height: @height;
|
}
|
|
.vxe-button.size--tiny.type--button.is--circle {
|
min-width: @height;
|
}
|
|
.vxe-button.size--tiny.type--button.is--round {
|
border-radius: 14px
|
}
|
|
.vxe-button.size--tiny .vxe-button--icon,
|
.vxe-button.size--tiny .vxe-button--loading-icon {
|
min-width: 12px
|
}
|
|
.vxe-modal--wrapper.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-form.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-form.size--tiny .vxe-form--item-inner {
|
min-height: 30px
|
}
|
|
.vxe-form.size--tiny .vxe-default-input[type=reset],
|
.vxe-form.size--tiny .vxe-default-input[type=submit] {
|
line-height: 26px
|
}
|
|
.vxe-form.size--tiny .vxe-default-input,
|
.vxe-form.size--tiny .vxe-default-select {
|
height: @height;
|
}
|
|
.vxe-select--panel.size--tiny,
|
.vxe-select.size--tiny {
|
font-size: 12px
|
}
|
|
.vxe-select--panel.size--tiny .vxe-optgroup--title,
|
.vxe-select--panel.size--tiny .vxe-select-option {
|
height: 24px;
|
line-height: 24px
|
}
|
|
.vxe-switch.size--tiny {
|
font-size: 12px
|
}
|
|
|
.vxe-pulldown--panel.size--tiny,
|
.vxe-pulldown.size--tiny {
|
font-size: 12px
|
}
|
|
|
}
|
