网站建设资讯

NEWS

网站建设资讯

微信小程序怎么实现input框中加入小图标-创新互联

今天小编给大家分享一下微信小程序怎么实现input框中加入小图标的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

成都创新互联主营铜鼓网站建设的网络公司,主营网站建设方案,成都app软件开发公司,铜鼓h5微信小程序定制开发搭建,铜鼓网站营销推广欢迎铜鼓等地区企业咨询

页面如下:


微信小程序怎么实现input框中加入小图标

然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误:

微信小程序怎么实现input框中加入小图标

emmmm 好像小程序的background-image属性并不给力啊,然后查阅相关资料后,放弃了background-image属性。

然后另辟蹊径,由于小程序中,好像只有image标签才能加载本地图片,所以考虑使用image标签来实现,大致思路就是在一个view中,左边是image,右边是input框,wxml页面如下:

 
   
    
     
     
    
    
     
          
    
    
 

以上就是“微信小程序怎么实现input框中加入小图标”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网站标题:微信小程序怎么实现input框中加入小图标-创新互联
本文链接:http://cdweb.net/article/hoops.html