在u-popup里试用input type为select时,苹果下不正常,安卓正常

[zcdnsz]

<u-popup v-model="bedShow" mode="center" border-radius="14">
         <view class="px20 py20">
            <u-form label-width="160">
               <u-form-item label="选择床位">
                  <u-input v-model="newBedName" type="select" @click="select = true" placeholder="请选择一个床位" />
                  <u-select v-model="select" :list="BedBlank" value-name="id" label-name="name" @confirm="confirm"></u-select>
               </u-form-item>
               <u-form-item>
                  <u-button @click="submit" type="primary">使用床位</u-button>
               </u-form-item>
            </u-form>
         </view>
      </u-popup>

微信小程序在安卓下正常,在苹果手机里面不正常

是我没有用z-index的问题吗?

[tttao7]

也许是原生组件层级问题 看看uniapp官方说明

[wudidehuangtiandi]

我也遇到了，，开发工具及安卓正常IOS就这样，求解

[wudidehuangtiandi]

<u-popup v-model="bedShow" mode="center" border-radius="14">
         <view class="px20 py20">
            <u-form label-width="160">
               <u-form-item label="选择床位">
                  <u-input v-model="newBedName" type="select" @click="select = true" placeholder="请选择一个床位" />
                  <u-select v-model="select" :list="BedBlank" value-name="id" label-name="name" @confirm="confirm"></u-select>
               </u-form-item>
               <u-form-item>
                  <u-button @click="submit" type="primary">使用床位</u-button>
               </u-form-item>
            </u-form>
         </view>
      </u-popup>

微信小程序在安卓下正常,在苹果手机里面不正常

是我没有用z-index的问题吗?

老哥解决了吗？怎么整啊，我刚遇到求解

[wudidehuangtiandi]

解决了，应该讲u-select拉到最外层，然后设置Z-INDEX大于模态框

[Deadpool957]

u-select拉到最外层什么意思

[Baldman-JYH]

mark下，看看有没有具体解决代码

[Baldman-JYH]

mark下，看看有没有具体解决代码

在 input style 添加了 style="z-index: 999999 !important;" 已解决

[Baldman-JYH]

mark下，看看有没有具体解决代码

在 input style 添加了 style="z-index: 999999 !important;" 已解决

注意设置 u-popup 的 z-index 小于input