這篇文章主要介紹微信小程序如何實現(xiàn)input框中加入小圖標，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了滎陽免費建站歡迎大家使用！

最近入坑小程序，要求在小程序的輸入框中展示一個小圖標，頁面如下:

然后按照，html頁面中的做法，在input框中添加了background-image屬性，出乎意料的事，小程序報了下邊這樣一個錯誤:

emmmm 好像小程序的background-image屬性并不給力啊，然后查閱相關(guān)資料后，放棄了background-image屬性。

然后另辟蹊徑，由于小程序中，好像只有image標簽才能加載本地圖片，所以考慮使用image標簽來實現(xiàn)，大致思路就是在一個view中，左邊是image,右邊是input框，wxml頁面如下:

由于太懶，所以直接把樣式寫在了wxml頁面，嗯，最后頁面效果如第一張圖所示。

以上是“微信小程序如何實現(xiàn)input框中加入小圖標”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！