复合型下拉框

        element只提供了复合型输入框,复合型下拉框的效果,我是通过button与el-select拼接形成的,代码如下:

.form{
  display: flex;
  justify-content: start;
  align-items: center;
  .btn{
    height: 36px;
    line-height: 36px;
    border: 1px solid #DCDFE6;
    background-color: #fafafa;
    padding: 0 30px;
    color: #525050;
    border-right: none;
  }
  ::v-deep.el-input__inner{
    border-radius: 0;
  }
}

        效果图如下:

复合型下拉框_第1张图片

你可能感兴趣的:(Element-ui,css,vue.js,css,elementui)