From a191ee0f495760168aa776590793e72c9ecbda0d Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期一, 24 十月 2022 15:56:08 +0800
Subject: [PATCH] perf: 增加设置弹窗 可设置是否进行自适应
---
src/views/HomeView.vue | 15 ++++++++++++++-
1 files changed, 14 insertions(+), 1 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1372464..d225de6 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,8 +1,16 @@
<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';
+
+const settingStore = useSettingStore();
+const {isScale} =storeToRefs(settingStore)
const wrapperStyle = {};
+
</script>
<template>
@@ -11,14 +19,19 @@
height="1080"
:delay="500"
:fullScreen="false"
- :boxStyle="{ background: '#000' }"
+ :boxStyle="{
+ background: '#03050C',
+ overflow: isScale ? 'hidden' : 'auto',
+ }"
:wrapperStyle="wrapperStyle"
+ :autoScale="isScale"
>
<div class="content_wrap">
<Headers />
<RouterView />
</div>
</scale-screen>
+ <Setting/>
</template>
<style lang="scss" scoped>
.content_wrap {
--
Gitblit v1.8.0