From d7c5867c0aa486baaff63154303a29b354e98c56 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期五, 04 八月 2023 08:10:42 +0800
Subject: [PATCH] #
---
Monitor-APP/components/y-box/y-box.vue | 19 ++++++++++++++++---
1 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/Monitor-APP/components/y-box/y-box.vue b/Monitor-APP/components/y-box/y-box.vue
index 1c392c5..ed81f18 100644
--- a/Monitor-APP/components/y-box/y-box.vue
+++ b/Monitor-APP/components/y-box/y-box.vue
@@ -1,10 +1,12 @@
<template>
- <view class="list">
+ <view class="box">
<view class="box-border box-border1"></view>
<view class="box-border box-border2"></view>
<view class="box-border box-border3"></view>
<view class="box-border box-border4"></view>
- <slot/>
+ <view class="box-main">
+ <slot/>
+ </view>
</view>
</template>
@@ -31,11 +33,22 @@
</script>
<style>
- .list {
+ .box {
width: calc(100% - 0.2vh);
height: calc(100% - 0.2vh);
position: relative;
border: 0.1vh solid rgba(20, 80, 136, 1);
+ display: flex;
+ justify-content: center;
+ }
+ .box-main {
+ width: 96%;
+ height: 100%;
+ /* background-color: #31c4c4; */
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
}
.box-border {
position: absolute;
--
Gitblit v1.9.1