VueTreeselect适配element表单的small和mini尺寸

前言：在做vue项目时我们会遇到树形下拉选择，我在开发时用的比较多的是 VueTreeselect这个插件，但是在使用插件过程时发现如果elform设置size为small或者mini后，vuetreeselect的高度和其余element的表单组件高度不一样

因为项目中使用到的地方很多，所以在app.vue里写了一套公共样式用来修改组件样式，代码如下：

/* mini */
.vueTreeSelectMini .vue-treeselect__control {
  height: 26px !important;
}
.vueTreeSelectMini .vue-treeselect__control .vue-treeselect__value-container {
  height: 26px !important;
  display: block !important;
}
.vueTreeSelectMini
  .vue-treeselect__control
  .vue-treeselect__value-container
  .vue-treeselect__placeholder {
  line-height: 26px !important;
  font-size: 12px !important;
}
.vueTreeSelectMini
  .vue-treeselect__control
  .vue-treeselect__value-container
  .vue-treeselect__single-value {
  line-height: 26px !important;
  font-size: 12px !important;
}

/* small */
.vueTreeSelectSmall .vue-treeselect__control {
  height: 30px !important;
}
.vueTreeSelectSmall .vue-treeselect__control .vue-treeselect__value-container {
  height: 30px !important;
  display: block !important;
}
.vueTreeSelectSmall
  .vue-treeselect__control
  .vue-treeselect__value-container
  .vue-treeselect__placeholder {
  line-height: 30px !important;
  font-size: 14px !important;
}
.vueTreeSelectSmall
  .vue-treeselect__control
  .vue-treeselect__value-container
  .vue-treeselect__single-value {
  line-height: 30px !important;
  font-size: 14px !important;
}