使用el-select二次封装tree下拉多选框



.mask {

  height: 300px;

  position: fixed;

  top: 300px;

  left: 0;

  opacity: 0;

  z-index: 11;

}

.common-tree {

  overflow: auto;

}

.tree-select {

  z-index: 111;

}

.ok {

  float: right;

}

.el-row {

  padding-top: 0px !important;

}

.checkall-box {

  width: 100%;

  height: 40px;

  line-height: 40px;

  border-bottom: 1px solid #fff;

}

.el-popover {

  min-width: 300px !important;

}

.el-popover {

  min-width: 274px;

}

/* 隐藏默认下拉 */

.operateDropOption.el-select-dropdown__empty {

  display: none;

}

.operateDropOption.el-select-dropdown__list {

  display: none;

}

.operateDropOption.el-select-dropdown {

  display: none;

}

// 滚动条

::-webkit-scrollbar {

  max-width: 12px;

  height: 8px;

  background-color: #fff !important;

}

::-webkit-scrollbar-thumb {

  border-radius: 8px;

  background-color: #d8dce0 !important;

  border-style: solid;

  border-color: transparent;

  border-width: 2px;

  background-clip: padding-box;

}

::-webkit-scrollbar-track {

  border-radius: 12px;

  border-radius: 0 !important;

  background-color: #fff !important;

}



调用:



你可能感兴趣的:(使用el-select二次封装tree下拉多选框)