vue中treeselect设置成和elementui的size="mini"属性相同样式

          <el-form-item label="分类" prop="wclassId" class="itemMain">
            <treeselect 
            class="treeselect-main"
              v-model="queryParams.wclassId"
              :options="classOptions"
              placeholder="请选择分类"
              clearable
            />
          </el-form-item>

<style scoped lang="scss">
.itemMain {
  display: flex;
  align-items: center;
  flex-direction: row;
}
::v-deep .treeselect-main {
  width: 193px;
  height: 27px;
  .vue-treeselect__placeholder {
    line-height: 27px;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 2px;
  }
  .vue-treeselect__control {
    height: 27px;
    .vue-treeselect__single-value {
      margin-left: 5px;
      line-height: 27px;
      color: #606266;
      font-size: 12px;
    }
  }
  .vue-treeselect__input-container {
    line-height: 27px;
    width: 193px;
    height: 27px;
  }
</style>