博客

      <van-popup
        v-model:show="showWallet"
        closeable
        :close-on-click-overlay="false"  // 点击遮罩层后关闭 false 不能关闭，true 能关闭弹框
        overlay-class="header-overlay"  // 自定义遮罩层类名 ！！！
        position="right"
        :style="{ height: '100%', background: '#303237' }"
      >
      </van-popup>




css
      :deep(.header-overlay) {
        background-color：'#fff'; // 遮罩层颜色
        backdrop-filter: blur(6px);  // 模糊效果
      }



:deep(自定义遮罩层的名字) vue3 使用 ：deep（）深度修改