chore

package.json

@@ -1,39 +1,41 @@
 {
-  "name": "my-app",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve --mode dev",
-    "build-test": "vue-cli-service build --mode mytest",
-    "build-prod": "vue-cli-service build --mode prod",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "@vueuse/core": "^10.4.1",
-    "axios": "^1.1.3",
-    "core-js": "^3.8.3",
-    "dayjs": "^1.11.7",
-    "element-plus": "^2.7.0",
-    "js-base64": "^3.7.5",
-    "lodash": "^4.17.21",
-    "mitt": "^3.0.0",
-    "v-viewer": "^3.0.11",
-    "viewerjs": "^1.11.6",
-    "vue-router": "^4.0.3",
-    "vue": "^3.2.13",
-    "vuex": "^4.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.16",
-    "@babel/eslint-parser": "^7.12.16",
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-router": "~5.0.0",
-    "@vue/cli-plugin-vuex": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "less": "^4.0.0",
-    "less-loader": "^8.0.0"
+    "name": "my-app",
+    "version": "0.0.1",
+    "private": true,
+    "scripts": {
+      "serve": "vue-cli-service serve --mode dev",
+      "build-test": "vue-cli-service build --mode mytest",
+      "build-prod": "vue-cli-service build --mode prod",
+      "lint": "vue-cli-service lint"
+    },
+    "dependencies": {
+      "@vueuse/core": "^10.11.0",
+      "axios": "^1.1.3",
+      "core-js": "^3.8.3",
+      "dayjs": "^1.11.7",
+      "element-plus": "^2.7.0",
+      "js-base64": "^3.7.5",
+      "lodash": "^4.17.21",
+      "mitt": "^3.0.0",
+      "v-viewer": "^3.0.11",
+      "viewerjs": "^1.11.6",
+      "vue-router": "^4.0.3",
+      "vue": "^3.2.13",
+      "vue3-lazyload": "^0.3.8",
+      "vuex": "^4.0.0"
+    },
+    "devDependencies": {
+      "@babel/core": "^7.12.16",
+      "@babel/eslint-parser": "^7.12.16",
+      "@vue/cli-plugin-babel": "~5.0.0",
+      "@vue/cli-plugin-eslint": "~5.0.0",
+      "@vue/cli-plugin-router": "~5.0.0",
+      "@vue/cli-plugin-vuex": "~5.0.0",
+      "@vue/cli-service": "~5.0.0",
+      "eslint": "^7.32.0",
+      "eslint-plugin-vue": "^8.0.3",
+      "less": "^4.0.0",
+      "less-loader": "^8.0.0"
+    }
   }
-}
+  

src/api.js

@@ -1,4 +1,4 @@
-import axios from "axios"
+// import axios from "axios"
 // import { encodeStr } from "@/pass.js"
 // import { Base64 } from "js-base64"
 // import store from "@/store/index.js"

src/main.js

@@ -10,6 +10,17 @@ import 'viewerjs/dist/viewer.css'
 import VueViewer from 'v-viewer'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import VueLazyLoad from 'vue3-lazyload'
+
+// import BtnBack from '@/components/BtnBack.vue'
+// import BtnClickMe from '@/components/BtnClickMe.vue'
+// import OperationTip from '@/components/OperationTip.vue'
+// import HotspotComp from '@/components/HotspotComp.vue'
+// import HotspotForHomepage from '@/components/HotspotForHomepage.vue'
+// import SerialFrames from '@/components/LongImageSerialFrames.vue'
+// import BtnSkip from '@/components/BtnSkip.vue'
+// import PaginationComp from '@/components/PaginationComp.vue'
+// import ProgressBar from '@/components/ProgressBar.vue'
 
 console.log(`version: ${process.env.VUE_APP_VERSION}`)
 console.log(`Build time: ${process.env.VUE_APP_UPDATE_TIME}`)
@@ -60,9 +71,9 @@ window.addEventListener('resize', () => {
 })
 
 // // 禁用上下文菜单
-// document.oncontextmenu = function(e) {
-//   e.preventDefault()
-// }
+document.oncontextmenu = function(e) {
+  e.preventDefault()
+}
 
 // // safari里只能在交互行为的回调中成功地首次调用audio的play方法，所以需要一个全局的audio元素来播放随时可能需要自发播放的音频。
 // const audioNode = document.createElement("audio")
@@ -75,7 +86,18 @@ app.use(store)
   .use(router)
   .use(VueViewer)
   .use(ElementPlus)
-  // .component('HotSpot', HotSpot)
+  .use(VueLazyLoad)
+//   .component('BtnBack', BtnBack)
+//   .component('BtnClickMe', BtnClickMe)
+//   .component('OperationTip', OperationTip)
+//   .component('HotspotComp', HotspotComp)
+//   .component('HotspotForHomepage', HotspotForHomepage)
+//   .component('Swiper', Swiper)
+//   .component('SwiperSlide', SwiperSlide)
+//   .component('SerialFrames', SerialFrames)
+//   .component('BtnSkip', BtnSkip)
+//   .component('PaginationComp', PaginationComp)
+//   .component('ProgressBar', ProgressBar)
   .mount('#app')
 
 //  you can reset the default options at any other time