有大佬可以帮我看看这是怎么一回事吗。

本人小白,最近搞了下vue,发现用Element中的Select组件时效果和官图不一样?有大佬知道这是怎么回事吗

图片说明

Vue中该组件的代码

    <el-input placeholder="请输入内容" style="width: 500px" v-model="input">
    <el-select style="width: 100px" v-model="select" slot="prepend" placeholder="请选择">
      <el-option label="学号" value="学号"></el-option>
      <el-option label="姓名" value="姓名"></el-option>
    </el-select>
    <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
    </el-input>

感谢两位大佬的帮助,其实是我在style里多写了

li {
  display: inline-block;
  margin: 0 10px;
}

的原因,删掉就好了

你是怎么引入的 我估计你应该引少了 可能没引入样式

引入'element-theme-chalk';