ZhangXianQiang
2024-02-28 d1e7425d15ac6c6cf784ea1c84963221bd47413d
src/views/HomeView.vue
@@ -3,19 +3,19 @@
import { RouterView } from "vue-router";
import ScaleScreen from "@/components/scale-screen";
import Headers from "./header.vue";
import Setting from "./setting.vue"
import Setting from "./setting.vue";
import { useSettingStore } from "@/stores/index";
import { storeToRefs } from 'pinia';
import { storeToRefs } from "pinia";
import MessageContent from "@/components/Plugins/MessageContent";
const settingStore = useSettingStore();
const {isScale} =storeToRefs(settingStore)
const { isScale } = storeToRefs(settingStore);
const wrapperStyle = {};
</script>
<template>
  <scale-screen
    width="1920"
    width="3840"
    height="1080"
    :delay="500"
    :fullScreen="false"
@@ -29,17 +29,18 @@
    <div class="content_wrap">
      <Headers />
      <RouterView />
      <MessageContent />
    </div>
  </scale-screen>
  <Setting/>
  <Setting />
</template>
<style lang="scss" scoped>
.content_wrap {
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 16px;
  //padding: 16px 16px 16px 16px;
  box-sizing: border-box;
  background-image: url("@/assets/img/pageBg.png");
  background-image: url("@/assets/img/pageBg1.png");
  background-size: cover;
  background-position: center center;
}