uni-app+uView结合input使用icon(点击icon不生效)

1.开发环境 uni-app+uView
2.电脑系统 windows10专业版
3.在使用uni-app+uView开发的使用,我们经常会结合input使用icon,下面我来分享遇到的问题和解决方法,希望对你有所帮助。
4.废话不多说,直接上效果图:

你在点击扫码图标的时候可能不会触发对应的事件

5.造成问题的原因,在这里我使用相对定位把图标放到了这个位置,同时给这个图标的父元素配置了position: relative;但是这样就会造成图标元素的层级问题,如何解决呢?方法如下:

//给这个 图标提升层级(使点击的时候,能点到这个元素)
.chen-icon {
    position: absolute;
    margin-left: 2%;
    z-index: 1;//关键代码
}

6.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰!