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