我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

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

页面如下:


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

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

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

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

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

 
   
    
     
     
    
    
     
          
    
    
 

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


网站标题:微信小程序怎么实现input框中加入小图标-创新互联
转载注明:http://shouzuofang.com/article/hoops.html

其他资讯