You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { provide, ref } from 'vue'
|
|
|
|
|
import { initJson } from '@/utils'
|
|
|
|
|
import LeftSide from './subCom/LeftSide.vue'
|
|
|
|
|
import NavBar from './subCom/NavBar.vue'
|
|
|
|
|
import MainWrapper from './subCom/MainWrapper.vue'
|
|
|
|
|
import RightSide from './subCom/RightSide.vue'
|
|
|
|
|
|
|
|
|
|
const widgetJson = ref({})
|
|
|
|
|
initJson(widgetJson['value'])
|
|
|
|
|
provide('widgetJson', widgetJson)
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<section class="h-full flex">
|
|
|
|
|
<LeftSide class="w-[260px] shrink-0" />
|
|
|
|
|
<main class="grow h-full">
|
|
|
|
|
<NavBar />
|
|
|
|
|
<MainWrapper />
|
|
|
|
|
</main>
|
|
|
|
|
<RightSide class="w-[300px] shrink-0" />
|
|
|
|
|
</section>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
section {
|
|
|
|
|
main {
|
|
|
|
|
border-left: 1px solid #e4e7ed;
|
|
|
|
|
border-right: 1px solid #e4e7ed;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
