From 703702e17a264ec5cbbe054b1a976e7cf13c54fa Mon Sep 17 00:00:00 2001 From: luoshiwen <1140456899@qq.com> Date: Wed, 12 Apr 2023 08:42:18 +0800 Subject: [PATCH] 4.12 --- src/App.vue | 81 +++++++++++++++++++++++++-------- src/assets/images/loadding.png | Bin 0 -> 4117 bytes 2 files changed, 62 insertions(+), 19 deletions(-) create mode 100644 src/assets/images/loadding.png diff --git a/src/App.vue b/src/App.vue index 9c93a38..d495d15 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2,6 +2,9 @@
+
+
+
@@ -22,12 +25,13 @@
    -
  • - LD1_B01-{{ num < 10 ? "0" + num : num }}
    • +
  • LD1_B01-{{ num < 10 ? "0" + num + : num }}
    -
  • - LD1_C01-{{ num < 10 ? "0" + num : num }}
    • +
  • LD1_C01-{{ num < 10 ? "0" + + num : num }}
    • +
  • LD1_C02-01
  • LD1_C03-01
@@ -69,6 +73,7 @@ export default { data() { return { heatList: [20, 40, 200, 100], + fullscreenLoading: true, liImgs: [ { img: require("@/assets/images/1.png"), selectImg: require('@/assets/images/select_1.png') }, { img: require("@/assets/images/2.png"), selectImg: require('@/assets/images/select_2.png') }, @@ -129,26 +134,26 @@ export default { }, handleBtn(i) { this.navLiState = !this.navLiState - if (this.index == i&&this.navLiState) { + if (this.index == i && this.navLiState) { this.index = null if (i == 1) { - this.state = !this.state; - // console.log(this.state); - this.$refs.dome.contentWindow.updateScene(this.state); - } else if (i == 3) { - this.$refs.dome.contentWindow.outHome(); - } else if (i == 4) { - this.transport = !this.transport; - this.$refs.dome.contentWindow.transport(this.transport); - } else if (i == 5) { - this.hide = !this.hide; - this.$refs.dome.contentWindow.hide(this.hide); - } - return + this.state = !this.state; + // console.log(this.state); + this.$refs.dome.contentWindow.updateScene(this.state); + } else if (i == 3) { + this.$refs.dome.contentWindow.outHome(); + } else if (i == 4) { + this.transport = !this.transport; + this.$refs.dome.contentWindow.transport(this.transport); + } else if (i == 5) { + this.hide = !this.hide; + this.$refs.dome.contentWindow.hide(this.hide); + } + return } this.index = i // 还原初始值 - this.state =false + this.state = false this.transport = false this.hide = false this.$refs.dome.contentWindow.updateScene(false); @@ -239,6 +244,44 @@ html { width: 100%; height: 100%; } + + .load { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + // z-index: 0; + display: none; + background-color: rgba(0, 0, 0, 1); + + .loadding { + background-image: url('@/assets/images/loadding.png'); + background-size: 100% 100%; + width: 100px; + height: 100px; + left: calc((100% - 100px) / 2); + position: absolute; + top: calc((100% - 100px) / 2); + animation: move 2s linear infinite forwards; + + } + + @keyframes move { + 0% { + transform: rotate(0deg); + } + + 50% { + transform: rotate(180deg); + } + + 100% { + transform: rotate(360deg); + } + + } + } } #app { diff --git a/src/assets/images/loadding.png b/src/assets/images/loadding.png new file mode 100644 index 0000000000000000000000000000000000000000..db668043e8f33c35292bd52fbcb7a5767e649079 GIT binary patch literal 4117 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 Q-19-YT1MzbO(*>S0d~1+jsO4v literal 0 HcmV?d00001