个人中心

qiyunfeng-create

4 天以前 75f3e860ce0726bb655e0cb81764e2cf25d83716

 src/App.vue

@@ -1,109 +1,13 @@
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import { watch } from "vue";
import { setSessionGuid, setNewView, storage } from "./assets/js/userAction";
import tool from "./assets/js/toolClass";

export default {
  name: "App",
  data() {
    return {
      imgsrc: require("@/assets/images/officialAccount.jpg"),
    };
  },
  created() {
    // 在移动端打开Pc网站时的提示
    if (
      window.navigator.userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      )
    ) {
      this.$alert(
        "<p style='text-align:left;'>请在PC端打开此网页，或扫描下方二维码关注我社公众号，单击菜单栏中的“教学服务”浏览相关信息、申请样书或下载教材配套的资源。</p><img src='" +
          this.imgsrc +
          "'>",
        "提示",
        {
          dangerouslyUseHTMLString: true,
          center: true,
          customClass: "msgbox",
        }
      );
    }

    //在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem("store")) {
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem("store"))
        )
      );
      sessionStorage.removeItem("store");
    }

    //在页面刷新时将vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  },
  watch: {
    $route(to, from) {
      if (to.path.indexOf("AdminLogin") == -1 && from.path.indexOf("AdminLogin") == -1) {
        const detailList = ["/bookStore/detail", "teachingServices/detail"];
        if (detailList.includes(to.path)) {
          if (to.path == "/bookStore/detail") {
            setNewView("productId", to.query.id);
          } else {
            setNewView("cmsItemId", to.query.id);
          }
        }
        let sessionGuid = storage.get("sessionGuid");
        const token = tool.getCookie("websiteFrontToken");
        if (!sessionGuid) {
          setSessionGuid();
        }
        sessionStorage.setItem("fromPath", from.fullPath.substring(1));
        sessionStorage.setItem("toPath", to.fullPath.substring(1));
      }
    },
  },
};
<script setup>
import { RouterView } from 'vue-router'
</script>

<style lang="less">
@import "~@/assets/css/base.css";
@import "~@/assets/css/common.css";
<template>
  <RouterView />
</template>

html,
body,
<style scoped>
#app {
  width: 100%;
  height: 100%;
  background-color: #f1f8f4;
  .msgbox {
    width: 380px !important;
  }
}
</style>
<style lang="less">
// 富文本容器，保留富文本默认样式，所见即所得
.richTextBox {
  line-height: 1.4;
  font-size: 14px;
  * {
    margin: revert;
    padding: revert;
    border: revert;
    font: revert;
    vertical-align: revert;
  }
}
</style>
<style lang="less" scoped></style>