| | |
|---|
| | | 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 = {}; |
|---|
| | | const autoScale = ref(false); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | |
|---|
| | | :fullScreen="false" |
|---|
| | | :boxStyle="{ |
|---|
| | | background: '#03050C', |
|---|
| | | overflow: autoScale ? 'hidden' : 'auto', |
|---|
| | | overflow: isScale ? 'hidden' : 'auto', |
|---|
| | | }" |
|---|
| | | :wrapperStyle="wrapperStyle" |
|---|
| | | :autoScale="autoScale" |
|---|
| | | :autoScale="isScale" |
|---|
| | | > |
|---|
| | | <div class="content_wrap"> |
|---|
| | | <Headers /> |
|---|
| | | <RouterView /> |
|---|
| | | <MessageContent /> |
|---|
| | | </div> |
|---|
| | | </scale-screen> |
|---|
| | | <Setting /> |
|---|
| | | </template> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .content_wrap { |
|---|
