fix: 兼容 taro h5和小程序

jdf2e · Nov 9, 2022 · ab55e04 · ab55e04
1 parent 1e9b8c4
commit ab55e04
Showing 1 changed file with 22 additions and 9 deletions.
diff --git a/src/packages/__VUE/lottoroll/index.taro.vue b/src/packages/__VUE/lottoroll/index.taro.vue
@@ -102,19 +102,32 @@ export default create({
 
     const lottoRollWrap = ref();
     const lottoWrap = ref();
+
+    const getLottoRollDom = () => {
+      const query = Taro.createSelectorQuery();
+      query.selectAll(".lotto-roll-wrap").boundingClientRect();
+      query.selectAll(".lotto-wrap").boundingClientRect();
+      query.exec((res) => {
+        lottoRollWrap.value = res[0];
+        lottoWrap.value = res[1];
+      });
+    };
     onMounted(() => {
-      eventCenter.once((getCurrentInstanceTaro() as any).router.onReady, () => {
-        const query = Taro.createSelectorQuery();
-        query.selectAll(".lotto-roll-wrap").boundingClientRect();
-        query.selectAll(".lotto-wrap").boundingClientRect();
-        query.exec((res) => {
-          lottoRollWrap.value = res[0];
-          lottoWrap.value = res[1];
+      if (Taro.getEnv() == "WEAPP") {
+        eventCenter.once(
+          (getCurrentInstanceTaro() as any).router.onReady,
+          () => {
+            getLottoRollDom();
+          }
+        );
+      } else {
+        Taro.nextTick(() => {
+          getLottoRollDom();
         });
-      });
+      }
     });
 
-    const distanceObj = ref<Array<number>>([]);
+    const distanceObj: any = ref([]);
 
     const animateRun = (timestamp: number) => {
       // const timestamp = 0;