How does the pop-up layer in uniapp cover the tabbar that comes with uniapp

In uniapp, if you want to cover the built-in tabbar, you can use the pop-up layer component that comes with uniapp to achieve it.

Specifically, you can use the uniapp popupcomponent to achieve the effect of the popup layer. You can popupinclude the content you want to display in the component, and then set popupthe component's maskproperty to true, so that a translucent mask can be displayed in the popup layer to cover the bottom tabbar.

The sample code is as follows:

<template>
  <viewclass="container">
    <button @click="showPopup = true">显示弹出层</button>