小程序如何在input中的placeholder中加图标
小程序如何在input中的placeholder中加图标方式二可用,方式一不可用,1.使用mpVue编写小程序代码,首先想到的就是Vue实现的方式,<input :placeholder="placeholdrValue" class="iconfont">export default {data () {placeholderValue: '/uxe669'...
·
小程序如何在input中的placeholder中加图标
方式二可用,方式一不可用,
1.使用mpVue编写小程序代码,首先想到的就是Vue实现的方式,
<input :placeholder="placeholdrValue" class="iconfont">
export default {
data () {
placeholderValue: '/uxe669'
}
}
值是iconfont的值,是字体的unicode编码
在引用的时候在\u加阿里unicode字体编码后4位即可。
例:字体的unicode编码是:,最终结果就是:/uxe669
结果:没有达到预期效果,没有显示图标,显示一个小方块
2 、小程序其实有placeholder-class和placeholder-style两个特殊的属性,直接使用placeholder-class就可以达到目的,
<input placeholder-class=""icon-chenggong iconfont">
然后可以用css按照类属性控制图标的大小、样式和位置
更多推荐
已为社区贡献2条内容
所有评论(0)