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

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

成都创新互联公司是一家集网站建设,襄城企业网站建设,襄城品牌网站建设,网站定制,襄城网站建设报价,网络营销,网络优化,襄城网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

页面如下:

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

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

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

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

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

 
   
    
     
     
    
    
     
          
    
    
 

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


当前名称:微信小程序怎么实现input框中加入小图标
标题链接:http://ybzwz.com/article/pjoojc.html