按照官网的样式自动显示,会有个撑开页面的动作,显示效果很不好看
官网效果: 换行 + 撑开
用样式控制,不换行,就不会撑开页面:
主要样式就这些,尺寸细节再做调整就行
// select下拉框
.el-select {
.el-select__tags .el-tag {
max-width: 100px !important;
position: relative;
}
.el-select__tags input {
margin-left: 2px;
}
}
// cascader级联选择器
.el-cascader {
height: 32px;
line-height: 32px;
.el-cascader__tags .el-tag {
max-width: 120px !important;
position: relative;
}
.el-cascader__tags input {
// margin-left: 2px;
min-width: 20px;
}
.el-input input {
height: 32px !important;
}
}
效果: