|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<div style="height: 100vh; background: #eeeeee">
|
|
|
+ <div class="hidden-click" ref="hiddenClick"></div>
|
|
|
<m-nav-bar title="灯光模拟"></m-nav-bar>
|
|
|
<div class="header-border"></div>
|
|
|
<lightConfig
|
|
@@ -64,7 +65,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import { reactive, ref } from "vue";
|
|
|
+import { reactive, ref, onMounted, onUnmounted } from "vue";
|
|
|
import composeTopicList from "./components/composeTopicList.vue";
|
|
|
import composeTopicsMask from "./components/composeTopicsMask.vue";
|
|
|
import singleTopicList from "./components/singleTopicList.vue";
|
|
@@ -73,10 +74,12 @@ import examTopicList from "./components/examTopicList.vue";
|
|
|
import { lightingCombinationList, lightingItemList, lightingCombinationId } from "@/api/";
|
|
|
import { Toast } from "vant";
|
|
|
const active = 0;
|
|
|
+let timer:number
|
|
|
+let hiddenClick = ref(null);
|
|
|
let examTopicListVisible = ref(false);
|
|
|
let lightConfigVisible = ref(false);
|
|
|
let list1Index = ref(-1);
|
|
|
-let list1Ids = ref<Number[]>([])
|
|
|
+let list1Ids = ref<Number[]>([]);
|
|
|
let list1 = ref([
|
|
|
{
|
|
|
createTime: "2022-03-21 16:40:22",
|
|
@@ -106,7 +109,6 @@ let singleTopicTitle = ref("");
|
|
|
lightingCombinationList().then((res) => {
|
|
|
list1.value = res.rows;
|
|
|
|
|
|
-
|
|
|
// console.log(list1);
|
|
|
});
|
|
|
lightingItemList().then((res) => {
|
|
@@ -150,9 +152,20 @@ let selectAfterCom = () => {
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
+onMounted(() => {
|
|
|
+ timer =window.setInterval(() => {
|
|
|
+ hiddenClick.value.click();
|
|
|
+ }, 1000);
|
|
|
+});
|
|
|
+onUnmounted(()=>{
|
|
|
+ window.clearInterval(timer)
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.hidden-click {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
.header-border {
|
|
|
width: 100%;
|
|
|
height: 2px;
|
|
@@ -188,7 +201,7 @@ let selectAfterCom = () => {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
font-size: 16px;
|
|
|
- .button-halo{
|
|
|
+ .button-halo {
|
|
|
width: 80px;
|
|
|
height: 80px;
|
|
|
display: flex;
|
|
@@ -198,10 +211,6 @@ let selectAfterCom = () => {
|
|
|
background: rgb(255, 255, 255);
|
|
|
border-radius: 50%;
|
|
|
box-shadow: 0px 0px 3px rgb(121, 121, 121);
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
button {
|
|
|
border: none;
|
|
@@ -211,8 +220,6 @@ let selectAfterCom = () => {
|
|
|
background: #01c18d;
|
|
|
padding: 0 10px;
|
|
|
border-radius: 50%;
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
</style>
|