关于uni-app:uniappuView结合input使用icon点击icon不生效

38次阅读

共计 360 个字符,预计需要花费 1 分钟才能阅读完成。

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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0