luoshiwen
/
Storehouse
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

4.12

This commit is contained in:
luoshiwen 2023-04-12 08:42:18 +08:00
parent 4f55b9b988
commit 703702e17a
2 changed files with 62 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/App.vue
View File

@ -2,6 +2,9 @@
<div id="app"> <div id="app">
<!-- unity3D --> <!-- unity3D -->
<iframe id="iframe" ref="dome" width="100%" height="100%" src="EPS_Yzpq/index.html" frameborder="0"></iframe> <iframe id="iframe" ref="dome" width="100%" height="100%" src="EPS_Yzpq/index.html" frameborder="0"></iframe>
<div class="load">
<div class="loadding"></div>
</div>
<!-- 头部 --> <!-- 头部 -->
<header class="nav"> <header class="nav">
<div class="wether"> <div class="wether">
@ -22,12 +25,13 @@
<span class="downPull"><img :src="i == index ? s.selectImg : s.img" alt="" /></span> <span class="downPull"><img :src="i == index ? s.selectImg : s.img" alt="" /></span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<ul class="menuContent"> <ul class="menuContent">
<li v-for="(num, index) in 15" :key="index" @click="shelfHanlder($event)"> <li v-for="(num, index) in 15" :key="index" @click="shelfHanlder($event)">LD1_B01-{{ num < 10 ? "0" + num
LD1_B01-{{ num < 10 ? "0" + num : num }} </li> : num }}</li>
</ul> </ul>
<ul class="menuContent"> <ul class="menuContent">
<li v-for="(num, index) in 9" :key="index + 1" @click="shelfHanlder($event)"> <li v-for="(num, index) in 9" :key="index + 1" @click="shelfHanlder($event)">LD1_C01-{{ num < 10 ? "0" +
LD1_C01-{{ num < 10 ? "0" + num : num }} </li> num : num }}</li>
<!-- <li @click="shelfHanlder($event)">LD1_B01-01</li> -->
<li @click="shelfHanlder($event)">LD1_C02-01</li> <li @click="shelfHanlder($event)">LD1_C02-01</li>
<li @click="shelfHanlder($event)">LD1_C03-01</li> <li @click="shelfHanlder($event)">LD1_C03-01</li>
</ul> </ul>
@ -69,6 +73,7 @@ export default {
data() { data() {
return { return {
heatList: [20, 40, 200, 100], heatList: [20, 40, 200, 100],
fullscreenLoading: true,
liImgs: [ liImgs: [
{ img: require("@/assets/images/1.png"), selectImg: require('@/assets/images/select_1.png') }, { 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') }, { img: require("@/assets/images/2.png"), selectImg: require('@/assets/images/select_2.png') },
@ -129,26 +134,26 @@ export default {
}, },
handleBtn(i) { handleBtn(i) {
this.navLiState = !this.navLiState this.navLiState = !this.navLiState
if (this.index == i&&this.navLiState) { if (this.index == i && this.navLiState) {
this.index = null this.index = null
if (i == 1) { if (i == 1) {
this.state = !this.state; this.state = !this.state;
// console.log(this.state); // console.log(this.state);
this.$refs.dome.contentWindow.updateScene(this.state); this.$refs.dome.contentWindow.updateScene(this.state);
} else if (i == 3) { } else if (i == 3) {
this.$refs.dome.contentWindow.outHome(); this.$refs.dome.contentWindow.outHome();
} else if (i == 4) { } else if (i == 4) {
this.transport = !this.transport; this.transport = !this.transport;
this.$refs.dome.contentWindow.transport(this.transport); this.$refs.dome.contentWindow.transport(this.transport);
} else if (i == 5) { } else if (i == 5) {
this.hide = !this.hide; this.hide = !this.hide;
this.$refs.dome.contentWindow.hide(this.hide); this.$refs.dome.contentWindow.hide(this.hide);
} }
return return
} }
this.index = i this.index = i
// 还原初始值 // 还原初始值
this.state =false this.state = false
this.transport = false this.transport = false
this.hide = false this.hide = false
this.$refs.dome.contentWindow.updateScene(false); this.$refs.dome.contentWindow.updateScene(false);
@ -239,6 +244,44 @@ html {
width: 100%; width: 100%;
height: 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 { #app {

BIN
src/assets/images/loadding.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB