element ui利用slot="prepend"实现手机号码前加86的input输入框，类似腾讯会议登录，加上86之后需要背景色是白色，且与输入框之间只有一根较短的细线相隔，给出代码

好的，根据您的要求，我可以给您提供一个加上86之后，背景色为白色，且与输入框之间只有一根较短的细线相隔的示例代码。具体代码如下：

<template>
  <div class="phone-input">
    <el-input
      v-model="phone"
      placeholder="请输入手机号码"
      prefix-icon=""
      class="phone-input__input"
    >
      <template slot="prepend">
        <div class="phone-input__prefix">86</div>
      </template>
    </el-input>
  </div>
</template>

<style scoped>
.phone-input {
  .phone-input__input {
    border: none;
    border-bottom: 1px solid #c0c4cc;
    border-radius: 0;
    background-color: #ffffff;
  }
  .phone-input__prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 36px;
    background-color: #ffffff;
    border: 1px solid #c0c4cc;
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 14px;
    color: #606266;
  }
}
</style>

这里我使用了一个包含类名为`phone-input`的外层容器，其目的是为了控制整个输入框的样式。其中，`.phone-input__input`控制输入框的样式，`.phone-input__prefix`控制加上86的白色背景的样式。同时，为了达到与输入框之间只有一根较短的细线相隔的效果，我在`.phone-input__prefix`的样式中设置了`border-right: none;`。希望对您有所帮助。