uni-app 自定义页面返回逻辑，点击返回按钮仅隐藏遮罩层

当页面上的遮罩层显示时，点击返回按钮仅隐藏遮罩层。

创建遮罩组件：

创建一个名为 mask.vue 的文件，用于定义遮罩层组件。

<template>
  <view class="cpt-mask"></view>
</template>

<script>
export default {
  // 组件逻辑...
};
</script>

<style scoped>
.cpt-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
</style>

在页面中使用遮罩组件：

在页面的模板中，使用 v-if 指令来控制遮罩组件的显示。

<mask v-if="showMask"></mask>

自定义返回逻辑：

在页面的 onBackPress 方法中，添加条件判断以处理遮罩层的显示状态。

onBackPress() {
  if (this.showMask) {
    this.showMask = false;
    return true; // 阻止默认的返回行为
  }
  return false; // 执行默认的返回行为
}