zsw-farm-bxg/pages/Loading/index.vue

<template>
  <view class="lottie-bg">
    <view id="lottie">
      <image
        src="../../static/images/live-logo.gif"
        rel="preload"
        mode="widthFix"
        style="width: 100%;"
      />
    </view>
  </view>
</template>

<script>
import { mapState, mapMutations, mapActions } from "vuex";
// 组件
// import request from "@//api/request";
import { wxappAuth, getUser } from "@/api/user";
import dayjs from "dayjs";
import cookie from "@/utils/store/cookie";
import { parseQuery, login, handleQrCode } from "@/utils";

export default {
  name: "Loading",
  data() {
    return {};
  },
  onShow() {
    
    var url = handleQrCode();
    // 判断是否是分销
    if (url) {
      var spread = cookie.get("spread");
      let urlSpread = parseInt(url.spread);
      if (!Number.isNaN(urlSpread) && spread !== urlSpread) {
        cookie.set("spread", urlSpread || 0);
      } else if (spread === 0 || typeof spread !== "number") {
        cookie.set("spread", urlSpread || 0);
      }
    }
    if (this.$store.getters.token) {
      this.toLaunch();
      return;
    }
    cookie.get("spread");
    // this.toLaunch();
    if (this.$deviceType == "app"||this.$deviceType == "h5") {
      // this.toLaunch();
      this.$yrouter.switchTab({
        path: "/pages/home/index"
      });
      return;
    }
    login().finally(() => {
      this.$yrouter.switchTab({
        path: "/pages/home/index"
      });
    });
  },
  methods: {
    ...mapActions(["changeAuthorization", "setUserInfo"]),
    toLaunch() {
      console.log("loading home");
      this.changeAuthorization(false);
      this.$yrouter.switchTab({
        path: "/pages/home/index"
      });
    }
  }
};
</script>

<style scoped lang="less">
.lottie-bg {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#lottie {
  width: 35%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  margin: auto;
}
</style>