老规矩先上效果图:
就是在输入框插入间隔符,小编使用css的伪元素进行操作
上代码:
<el-input placeholder="请输入用户名" v-model="loginForm.username" prefix-icon="el-icon-user" class="letLine"> </el-input>
伪元素letLine是个css属性样式
.letLine::before { content: ""; width: 1px; height: 12px; position: absolute; top: 12px; left: 30px; background: #A1AFF9; }
到此就结束了