vhb-table/lib/pulldown/style/style.css

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

/*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*/
/**Variable**/
.vhb-pulldown {
  position: relative;
  display: inline-block;
  color: #606266;
  text-align: left; }

.vhb-pulldown--panel {
  display: none;
  position: absolute;
  left: 0;
  padding: 4px 0;
  color: #606266;
  text-align: left; }
  .vhb-pulldown--panel:not(.is--transfer) {
    min-width: 100%; }
  .vhb-pulldown--panel.is--transfer {
    position: fixed; }
  .vhb-pulldown--panel.animat--leave {
    display: block;
    opacity: 0;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
    .vhb-pulldown--panel.animat--leave[placement="top"] {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom; }
  .vhb-pulldown--panel.animat--enter {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.vhb-pulldown--wrapper {
  background-color: #fff; }

.vhb-pulldown,
.vhb-pulldown--panel {
  font-size: 14px; }
  .vhb-pulldown.size--medium,
  .vhb-pulldown--panel.size--medium {
    font-size: 14px; }
  .vhb-pulldown.size--small,
  .vhb-pulldown--panel.size--small {
    font-size: 13px; }
  .vhb-pulldown.size--mini,
  .vhb-pulldown--panel.size--mini {
    font-size: 12px; }