uview popup 弹出把tabBar挡住了怎么办

如果 uview popup 弹出后挡住了 tabBar，可以通过设置 popup 组件的 `z-index` 属性来调整其层级，让其在 tabBar 下方显示。

可以在 uview popup 组件的样式中添加 `z-index` 属性，如下所示：

<u-popup :show="popupShow" z-index="100">
  <!-- 弹出内容 -->
</u-popup>

其中，`z-index` 属性的值可以根据实际情况进行调整，确保 popup 组件在 tabBar 下方显示即可。

如果以上方法仍无法解决问题，可以考虑通过调整 tabBar 的 `z-index` 属性来解决。可以在 tabBar 组件的样式中添加 `z-index` 属性，如下所示：

<uni-tab-bar z-index="999">
  <!-- tabBar 内容 -->
</uni-tab-bar>

同样，`z-index` 属性的值也可以根据实际情况进行调整，确保 tabBar 在 popup 组件下方显示即可。

相关问题

uview Popup 弹出层标题和关闭在一行

UView UI库中的Popup组件是一个弹出窗口，通常用于显示模态信息或者作为对话框。在UView中，如果你想让Popup的标题和关闭按钮（通常称为确认或取消按钮）在同一行展示，你可以通过设置Popup的一些属性来实现。

首先，确保你在使用Popup时设置了`title`属性来显示标题。然后，可以尝试调整Popup的样式，比如自定义布局或者设置合适的宽度，使得内容不会换行。例如，你可以设置`popupStyle`，指定其`flexDirection`为`row`，使其水平布局：

<u-popup :title="yourTitle" popupStyle="{ flexDirection: 'row', justifyContent: 'space-between' }">
  <!-- 其他内容 -->
  <u-button type="primary" @click="$refs.popup.close()">关闭</u-button>
</u-popup>

<script>
export default {
  data() {
    return {
      yourTitle: '这是标题',
      $refs: {
        popup: null,
      },
    };
  },
  // ...其他配置
};
</script>

在这个例子中，`justifyContent: 'space-between'`会让标题和关闭按钮均匀分布在一行上。记得在实际项目中替换`yourTitle`为你所需的标题内容，并确保`$refs.popup`已经正确引用了Popup元素。

uview的Popup 弹出层使用

uview的Popup 弹出层可以解决弹出层嵌套使用Upload 上传图片预览问题层级问题。由于Popup 弹出层的x-index层级较高，所以预览在弹出层下面。为了解决这个问题，可以阻止popup弹层的touchmove事件，以防止在蒙层元素中滑动时内容滚动到底部。可以在mounted()生命周期中添加以下代码来实现：

const popup = document.querySelectorAll('.popup-show')
popup.forEach(item=>{
item.addEventListener('touchmove',e=>{
e.preventDefault()
e.stopPropagation()
},{passive:false})
})

这样可以阻止蒙层底部的页面滚动，达到预期效果。