uni-app中的uni-data-select组件点击穿透

使用uni-app中的组件,小程序会出现事件点击穿透问题
如下图:下拉框点击的时候会直接聚焦到下面的input框


image.png

解决办法
找到引用的组件,给uni-select__selector的z-index加高一点,默认是2

    .uni-select__selector {
        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        /* #endif */
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        width: 100%;
        background-color: #FFFFFF;
        border: 1px solid #EBEEF5;
        border-radius: 6px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        z-index: 99999;
        padding: 4px 0;
    }

你可能感兴趣的:(uni-app中的uni-data-select组件点击穿透)