From 7712cab1e21e5e46cf2977dd117d0dbae6e5548c Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期五, 21 十月 2022 10:29:17 +0800
Subject: [PATCH] feat: 增加外边框组件
---
src/views/HomeView.vue | 36 +++++++++++++++++++++++++++++-------
1 files changed, 29 insertions(+), 7 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index fe23153..6661759 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,14 +1,36 @@
<script setup lang="ts">
+import {ref} from "vue"
import { RouterView } from "vue-router";
-
+import ScaleScreen from "@/components/scale-screen";
+import Headers from "./header.vue";
+const wrapperStyle = {};
+const autoScale = ref(false)
</script>
<template>
- <div>
- <RouterView />
-
+ <scale-screen
+ width="1920"
+ height="1080"
+ :delay="500"
+ :fullScreen="false"
+ :boxStyle="{ background: '#03050C',overflow:autoScale?'hidden':'auto' }"
+ :wrapperStyle="wrapperStyle"
+ :autoScale="autoScale"
+ >
+ <div class="content_wrap">
+ <Headers />
+ <RouterView />
</div>
+ </scale-screen>
</template>
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped>
+.content_wrap {
+ width: 100%;
+ height: 100%;
+ padding: 16px 16px 16px 16px;
+ box-sizing: border-box;
+ background-image: url("@/assets/img/pageBg.png");
+ background-size: cover;
+ background-position: center center;
+}
+</style>
--
Gitblit v1.8.0