样式修改后:
<div class="input-div">
<el-input v-model="input" class="input-class" size="large" placeholder="Please Input">
<template #prepend>
<el-button :icon="Search" />
</template>
<template #append><span style="cursor: pointer;">搜索</span></template>
</el-input>
</div>
<style lang="less">
.input-div {
width: 500px;
border-radius: 95px;
background-color: #fff;
border-radius: 95px;
margin-left: 33%;
margin-top: 2%;
}
.input-class {
.el-input-group__prepend {
border-radius: 95px;
border: 0;
box-shadow: 0 0 0 0px;
}
.el-input__wrapper {
border-radius: 95px;
border: 0;
box-shadow: 0 0 0 0px;
}
.el-input-group__append {
border-radius: 95px;
border: 0;
box-shadow: 0 0 0 0px;
}
}
</style>