瀏覽代碼

会员弹窗 层级

黄琪勇 9 月之前
父節點
當前提交
d7a6c8546b
共有 2 個文件被更改,包括 18 次插入2 次删除
  1. 6 0
      src/page-instrument/component/vip/index.module.less
  2. 12 2
      src/page-instrument/component/vip/index.tsx

+ 6 - 0
src/page-instrument/component/vip/index.module.less

@@ -25,3 +25,9 @@
     top: 10px;
   }
 }
+.vipPopup{
+  pointer-events: initial !important;
+  & *{
+    pointer-events: initial !important;
+  }
+}

+ 12 - 2
src/page-instrument/component/vip/index.tsx

@@ -8,7 +8,7 @@ import { storeData } from "/src/store"
 import { postMessage } from "/src/utils/native-message"
 import { usePageVisibility } from "@vant/use"
 import { studentQueryUserInfo } from "/src/page-instrument/api"
-import { api_back } from "/src/helpers/communication";
+import { api_back } from "/src/helpers/communication"
 
 export const vipData = reactive({
    show: false
@@ -85,7 +85,17 @@ export default defineComponent({
       })
       return () => (
          <>
-            <Popup zIndex={999999999999999999} show={vipData.show} get-container="body" closeable onClickCloseIcon={handleClose} round>
+            <Popup
+               class={styles.vipPopup}
+               zIndex={2222222222}
+               show={vipData.show}
+               /* 引导页层级和引导页禁止了pointerEvents */
+               overlay-style={{ zIndex: 1111111111, pointerEvents: "initial" }}
+               teleport="body"
+               closeable
+               onClickCloseIcon={handleClose}
+               round
+            >
                <div class={styles.vip}>
                   <img src={TipsIcon} />
                   <p>{getContent.value}</p>