el-cascader-panel级联面板

1、菜单收起

        鼠标离开面板收起

.el-cascader-panel.is-bordered {
    border: 0;
    &:hover {
      .el-scrollbar.el-cascader-menu:nth-child(2),
      .el-scrollbar.el-cascader-menu:nth-child(3) {
        display: inline;
      }
    }
    .el-scrollbar.el-cascader-menu {
      &:first-child {
        background-color: rgba(255, 255, 255, 0.6);
      }
      &:nth-child(2),
      &:nth-child(3) {
        display: none;
      }
    }
    .el-cascader-menu__wrap.el-scrollbar__wrap {
      height: 490px;
      li {
        height: 65px;
      }
    }
  }

2、点击文字选中

/deep/ .el-radio{
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  color: red;
  .el-radio__input{
    visibility: hidden;
  }
}

修改前:

你可能感兴趣的:(elementui,前端,less)