Vant组件库的表单输入框+第三方字体图标iconfont的结合使用

要求：Vant输入框前面要插入一个第三方的字体图标，类似于下图

实现的效果如图

对于这个库不太熟悉的小伙伴一开始上手可能有点难受，首先这个输入框控件是自闭合的。例如这样

我们首先要把它改造一下，变成双标签再进行操作，因为在Vue中组件里面放这种东西需要借助于插槽。
一开始我以为写个 template包一下，里面再写个 i 标签放字体图标就完事了。就像这样

发现根本不管用后，查阅官方文档。
有一说一，这个Vant的官方文档的例子举得不是很好，对于新手来说看起来有点吃力。
Vant组件库里的输入框里面要自定义内容的话需要用到这些：

上面的字体图标，包括发送验证码的按钮都是用这个。代码如下

这样使用就可以配合第三方字体图标完成我们的页面了，很nice