|
@@ -1,5 +1,6 @@
|
|
import { PropType, defineComponent, onMounted, watch } from "vue";
|
|
import { PropType, defineComponent, onMounted, watch } from "vue";
|
|
import { Vue3Lottie } from 'vue3-lottie'
|
|
import { Vue3Lottie } from 'vue3-lottie'
|
|
|
|
+import { browser } from '/src/helpers/utils'
|
|
import styles from "./index.module.less";
|
|
import styles from "./index.module.less";
|
|
import delay_bg from "./image/bg.json"
|
|
import delay_bg from "./image/bg.json"
|
|
import left_adorn from "./image/left_ adorn.json"
|
|
import left_adorn from "./image/left_ adorn.json"
|
|
@@ -41,6 +42,8 @@ interface IDelayData {
|
|
earPhoneType: string;
|
|
earPhoneType: string;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+const browserInfo = browser()
|
|
|
|
+
|
|
/** 延迟检测组件 */
|
|
/** 延迟检测组件 */
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: "CheckDelayPopup",
|
|
name: "CheckDelayPopup",
|
|
@@ -54,7 +57,7 @@ export default defineComponent({
|
|
setup(props, { emit }) {
|
|
setup(props, { emit }) {
|
|
return () => (
|
|
return () => (
|
|
<div class={styles.delayContainer}>
|
|
<div class={styles.delayContainer}>
|
|
- <Vue3Lottie class={styles.delayBg} animationData={delay_bg}></Vue3Lottie>
|
|
|
|
|
|
+ <Vue3Lottie class={[styles.delayBg, browserInfo.iPad ? styles.delayPadBg : '']} animationData={delay_bg}></Vue3Lottie>
|
|
<Vue3Lottie class={styles.leftAdorn} animationData={left_adorn}></Vue3Lottie>
|
|
<Vue3Lottie class={styles.leftAdorn} animationData={left_adorn}></Vue3Lottie>
|
|
<Vue3Lottie class={styles.rightAdorn} animationData={right_adorn}></Vue3Lottie>
|
|
<Vue3Lottie class={styles.rightAdorn} animationData={right_adorn}></Vue3Lottie>
|
|
{/*返回按钮*/}
|
|
{/*返回按钮*/}
|