52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import { RouterView } from "vue-router";
|
|
import ScaleScreen from "@/components/scale-screen";
|
|
import Headers from "./header.vue";
|
|
import Setting from "./setting.vue";
|
|
import { useSettingStore } from "@/stores/index";
|
|
import { storeToRefs } from "pinia";
|
|
import MessageContent from "@/components/Plugins/MessageContent";
|
|
|
|
const settingStore = useSettingStore();
|
|
const { isScale } = storeToRefs(settingStore);
|
|
const wrapperStyle = {};
|
|
</script>
|
|
|
|
<template>
|
|
<scale-screen width="1920" height="1080" :delay="500" :fullScreen="true" :boxStyle="{
|
|
background: '#03050C',
|
|
// overflow: isScale ? 'hidden' : 'auto',
|
|
overflow:'hidden'
|
|
|
|
}" :wrapperStyle="wrapperStyle" :autoScale="isScale">
|
|
<div class="content_wrap">
|
|
<Headers />
|
|
<RouterView />
|
|
<MessageContent />
|
|
</div>
|
|
<div class="title_bg"></div>
|
|
</scale-screen>
|
|
<Setting />
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
.content_wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 16px 16px 16px 16px;
|
|
box-sizing: border-box;
|
|
background-image: url("@/assets/img/zheke/bg.png");
|
|
background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
.title_bg{
|
|
width: 100%;
|
|
height: 70px;
|
|
position: absolute;
|
|
top:0;
|
|
background-image: url("@/assets/img/zheke/top_title_bg.png");
|
|
background-size: cover;
|
|
background-position: center left;
|
|
}
|
|
</style>
|