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

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

@charset "UTF-8";
/*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*/
/*快捷菜单*/
.vhb-table--context-menu-wrapper,
.vhb-table--context-menu-clild-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  border: 1px solid #DADCE0;
  -webkit-box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.6);
          box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.6);
  padding: 0 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #606266;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  background-color: #fff; }

.vhb-context-menu--link {
  display: block;
  padding: 0 2.5em;
  width: 178px;
  line-height: 26px;
  color: #606266;
  cursor: pointer; }
  .vhb-context-menu--link .vhb-context-menu--link-prefix,
  .vhb-context-menu--link .vhb-context-menu--link-suffix {
    position: absolute;
    top: 5px;
    margin-right: 5px;
    font-size: 16px; }
  .vhb-context-menu--link .vhb-context-menu--link-prefix {
    left: 5px; }
  .vhb-context-menu--link .vhb-context-menu--link-suffix {
    right: 5px; }
    .vhb-context-menu--link .vhb-context-menu--link-suffix.suffix--haschild {
      top: 8px; }
      .vhb-context-menu--link .vhb-context-menu--link-suffix.suffix--haschild:before {
        position: absolute;
        content: "";
        border: 4px solid transparent;
        border-left-color: #727272; }
  .vhb-context-menu--link .vhb-context-menu--link-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.vhb-table--context-menu-clild-wrapper .vhb-context-menu--link {
  padding: 0 2em 0 2.5em; }

.vhb-context-menu--option-wrapper,
.vhb-table--context-menu-clild-wrapper {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #E8EAED; }
  .vhb-context-menu--option-wrapper li,
  .vhb-table--context-menu-clild-wrapper li {
    position: relative;
    margin: 1px 0;
    border: 1px solid transparent; }
    .vhb-context-menu--option-wrapper li:last-child,
    .vhb-table--context-menu-clild-wrapper li:last-child {
      border: 0; }
    .vhb-context-menu--option-wrapper li.link--active,
    .vhb-table--context-menu-clild-wrapper li.link--active {
      background-color: #C5C5C5;
      border-color: #C5C5C5; }
      .vhb-context-menu--option-wrapper li.link--active > .vhb-context-menu--link,
      .vhb-table--context-menu-clild-wrapper li.link--active > .vhb-context-menu--link {
        color: #2B2B2B; }
    .vhb-context-menu--option-wrapper li.link--disabled > .vhb-context-menu--link,
    .vhb-table--context-menu-clild-wrapper li.link--disabled > .vhb-context-menu--link {
      color: #BFBFBF;
      cursor: no-drop; }
    .vhb-context-menu--option-wrapper li.link--disabled.link--active,
    .vhb-table--context-menu-clild-wrapper li.link--disabled.link--active {
      border-color: #C0C1C2;
      background-color: #EEEEEE; }
      .vhb-context-menu--option-wrapper li.link--disabled.link--active:hover,
      .vhb-table--context-menu-clild-wrapper li.link--disabled.link--active:hover {
        background-color: inherit; }

.vhb-table--context-menu-clild-wrapper {
  display: none;
  top: 0;
  left: 100%; }
  .vhb-table--context-menu-clild-wrapper.is--show {
    display: block; }