vxe-table-demonic/es/vxe-grid/style.css

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...

/*font*/
/*size*/
/*icon*/
/*color*/
/*input/radio/checkbox*/
/*popup*/
/*table*/
/*filter*/
/*menu*/
/*loading*/
/*validate*/
/*grid*/
/*toolbar*/
/*tooltip*/
/*pager*/
/*modal*/
/*checkbox*/
/*radio*/
/*button*/
/*input*/
/*textarea*/
/*form*/
/*select*/
/*switch*/
/*pulldown*/
/*tag*/
.vxe-grid {
  position: relative;
}
.vxe-grid.is--loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--vxe-loading-background-color);
}
.vxe-grid.is--loading > .vxe-table .vxe-loading {
  background-color: transparent;
}
.vxe-grid.is--maximize {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5em 1em;
  background-color: var(--vxe-grid-maximize-background-color);
}
.vxe-grid .vxe-grid--form-wrapper,
.vxe-grid .vxe-grid--top-wrapper,
.vxe-grid .vxe-grid--bottom-wrapper {
  position: relative;
}

.vxe-grid {
  font-size: var(--vxe-font-size);
}
.vxe-grid.size--medium {
  font-size: var(--vxe-font-size-medium);
}
.vxe-grid.size--small {
  font-size: var(--vxe-font-size-small);
}
.vxe-grid.size--mini {
  font-size: var(--vxe-font-size-mini);
}