Vue+ElementUI中的input输入框添加自定义图片

        ElementUI中input添加输入框通过prefix-icon和suffix-icon来设置就可以。

        自定义图片添加方法如下：

        1. 效果图

        

         2. 代码实现

                第一部分

                 第二部分

.username .el-input__inner{
	background:url(@/assets/images/icon-username.png) no-repeat 10px center;  
	padding: 0px 50px; /*输入内容左右边距控制*/
	width: 534px;
	height: 66px;
	font-size: 23px;
	color: #dadada;
}
.password .el-input__inner{
	background:url(@/assets/images/icon-password.png) no-repeat 10px center;
	padding: 0px 50px;
	width: 534px;
	height: 66px;
	font-size: 23px;
	color: #dadada;
}