|
@@ -2,8 +2,8 @@
|
|
|
<div class="dust-green">
|
|
|
<!-- 如果是有 deviceType、type 等 query,认为是详情页,不需要展示普通模块,只需要模型 -->
|
|
|
<template v-if="!route.query.deviceType">
|
|
|
- <div v-if="!route.query.embed" class="top-bg">
|
|
|
- <greenNav :activeIndex="activeIndex"/>
|
|
|
+ <div v-if="!route.query.embed" class="top-bg">
|
|
|
+ <greenNav :activeIndex="activeIndex" />
|
|
|
</div>
|
|
|
<div class="main-container">
|
|
|
<ModuleOriginal v-for="cfg in configs" :key="cfg.deviceType" :show-style="cfg.showStyle"
|
|
@@ -17,7 +17,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
-import { onMounted, onUnmounted,ref } from 'vue';
|
|
|
+import { onMounted, onUnmounted, ref } from 'vue';
|
|
|
import greenNav from './components/green-nav.vue';
|
|
|
import { useInitConfigs, useInitPage } from '../hooks/useInit';
|
|
|
import ModuleOriginal from './components/ModuleOriginal-green.vue';
|
|
@@ -33,7 +33,7 @@ const { configs, fetchConfigs } = useInitConfigs();
|
|
|
const { data, updateData, updateEnhancedConfigs } = useInitPage(title);
|
|
|
const route = useRoute();
|
|
|
let interval: number | undefined;
|
|
|
-let activeIndex=ref(3)
|
|
|
+let activeIndex = ref(3)
|
|
|
onMounted(() => {
|
|
|
fetchConfigs('dust-green').then(() => {
|
|
|
configs.value = testConfigDustGreen;
|
|
@@ -74,7 +74,7 @@ onUnmounted(() => {
|
|
|
height: 100%;
|
|
|
position: relative;
|
|
|
|
|
|
- .top-bg {
|
|
|
+ .top-bg {
|
|
|
width: 100%;
|
|
|
height: 96px;
|
|
|
// background: var(--image-modal-top) no-repeat center;
|
|
@@ -84,7 +84,7 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
|
.main-container {
|
|
|
- position: absolute;
|
|
|
+ position: absolute;
|
|
|
top: 96px;
|
|
|
width: calc(100% - 30px);
|
|
|
height: calc(100% - 96px);
|