From e2b25ef87d549012ffe29f93d9a041826b3e03e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A6=96=E5=A7=90?= <2981176548@qq.com>
Date: Sat, 20 Jan 2024 20:51:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2=E5=AE=8C?=
 =?UTF-8?q?=E5=96=844.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/manager/Data/Index.vue | 31 ++++++++++++++++---------------
 src/manager/LeftBar.vue    |  6 +++---
 src/manager/Main.vue       |  2 +-
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/manager/Data/Index.vue b/src/manager/Data/Index.vue
index 9c1a047..0a2d026 100644
--- a/src/manager/Data/Index.vue
+++ b/src/manager/Data/Index.vue
@@ -1,8 +1,8 @@
 <template>
     <div style="background-color: #eeeeee;width: 87vw;height: 85vh">
-        <div style="display: flex;flex-direction: row;width: 87vw;margin-top: 20px;height: 30vh">
+        <div style="display: flex;flex-direction: row;width: 87vw;margin-top: 20px;height: 30vh;">
 
-    <Row style="background:white;padding:20px;width: 65vw;height: 200px;margin-right: 20px;border-radius: 10px">
+    <Row style="background:white;padding:20px;width: 70vw;height: 200px;margin-right: 20px;border-radius: 10px">
         <Col span="11" >
             <Card :bordered="false" style="width: 300px;background-color: #edf4ff">
                 <template #title>网站设计</template>
@@ -14,7 +14,7 @@
             </Card>
         </Col>
         <Col span="11" offset="2">
-            <Card :bordered="false" style="width: 300px;position: relative;left:-200px; background-color: #edf4ff">
+            <Card :bordered="false" style="width: 300px;position: relative;left:-180px; background-color: #edf4ff">
                 <template #title>小程序设计</template>
                 <p>进度</p>
                 <Space direction="vertical" type="flex">
@@ -34,7 +34,7 @@
             </Card>
         </Col>
     </Row>
-    <Row style="width:22vw ;height: 200px;background-color: paleturquoise;border-radius: 10px;">
+    <Row style="width:17vw ;height: 200px;background-color: paleturquoise;border-radius: 10px;">
         <Col span="12" style="top:50px">
             <NumberInfo sub-title="近7日活跃设备" total="12,321" sub-total="17.1" status="up" />
         </Col>
@@ -43,17 +43,18 @@
         </Col>
     </Row>
         </div>
+
         <div style="width: 87vw;display: flex;flex-direction: row;margin-top: 15px;height:47vh;background-color: white;margin-right: 20px">
             <DescriptionList title="标题" layout="vertical" style="width: 87vw; margin-top: 20px;font-size: 15px;margin-left: 10px">
-                <Description term="Macintosh：" style="background-color: #f5f7f9;height: 39vh;" @click="changecolor">
-                    麦金塔电脑，是苹果电脑其中一系列的个人电脑。Macintosh 是由 Macintosh 计划发起人 Jeff Raskin（杰夫·拉斯金）根据他最爱的苹果品种 McIntosh 命名，但为了避免与音频设备制造商麦金托什实验室（McIntosh Laboratory)的名字有冲突，他故意改变了字母的拼写。
-                </Description>
-                <Description term="Lisa："  style="background-color: #f5f7f9;height: 39vh;width:22vw;">
-                    Lisa 是一款具有划时代意义的电脑，可以说没有 Lisa 就没有 Macintosh（在Mac的开发早期，很多系统软件都是在Lisa上设计的）。她具有16位CPU，鼠标，硬盘，以及支持图形用户界面和多任务的操作系统。并且随机捆绑了7个商用软件。
-                </Description>
-                <Description term="Newton："  style="background-color: #f5f7f9;height: 39vh;width:22vw">
-                    Apple Newton（牛顿），是世界上第一款掌上电脑（PDA），由苹果电脑公司于1993年开始制造，但是因为newton在市场上找不到其定位而需求量低而停止发展，并于1997年停止了生产。
-                </Description>
+<!--                <Description term="Macintosh：" style="background-color: #f5f7f9;height: 39vh;" @click="changecolor">-->
+<!--                    麦金塔电脑，是苹果电脑其中一系列的个人电脑。Macintosh 是由 Macintosh 计划发起人 Jeff Raskin（杰夫·拉斯金）根据他最爱的苹果品种 McIntosh 命名，但为了避免与音频设备制造商麦金托什实验室（McIntosh Laboratory)的名字有冲突，他故意改变了字母的拼写。-->
+<!--                </Description>-->
+<!--                <Description term="Lisa："  style="background-color: #f5f7f9;height: 39vh;width:22vw;">-->
+<!--                    Lisa 是一款具有划时代意义的电脑，可以说没有 Lisa 就没有 Macintosh（在Mac的开发早期，很多系统软件都是在Lisa上设计的）。她具有16位CPU，鼠标，硬盘，以及支持图形用户界面和多任务的操作系统。并且随机捆绑了7个商用软件。-->
+<!--                </Description>-->
+<!--                <Description term="Newton："  style="background-color: #f5f7f9;height: 39vh;width:22vw">-->
+<!--                    Apple Newton（牛顿），是世界上第一款掌上电脑（PDA），由苹果电脑公司于1993年开始制造，但是因为newton在市场上找不到其定位而需求量低而停止发展，并于1997年停止了生产。-->
+<!--                </Description>-->
             </DescriptionList>
 <!--            <div style="width: 22vw ;height:47vh;background-color: beige;border-radius: 10px" >-->
 <!--<span>在线状态预览</span>-->
@@ -66,8 +67,8 @@
             <span style="padding-right: 5px">条款</span>
 
         </div>
-        <div style="text-align: center">Copyright © 2022 View Design All Rights Reserved'</div>
-    </div>
+            <div style="text-align: center">Copyright © 2022 View Design All Rights Reserved'</div>
+        </div>
 
     </div>
 
diff --git a/src/manager/LeftBar.vue b/src/manager/LeftBar.vue
index ec8e863..e4cb284 100644
--- a/src/manager/LeftBar.vue
+++ b/src/manager/LeftBar.vue
@@ -15,12 +15,12 @@ Submenu>MenuItem{
 
 </style>
 <template>
-    <div class="layout" style="height: 92vh;">
+    <div class="layout" style="height: 92vh;width: 13vw;">
         <Layout >
 
             <Layout>
-                <Sider hide-trigger :style="{background: '#fff'}" style="width: 20vw">
-                    <Menu active-name="0-1" theme="light" width="auto" :open-names="['1']">
+                <Sider hide-trigger :style="{background: '#fff'}" style="width: 13vw">
+                    <Menu active-name="0-1" theme="light" width="13vw" :open-names="['1']">
 
                         <MenuItem name="0-1" @click="navigateTo('/manager')" style="text-align: center;">首页</MenuItem>
 
diff --git a/src/manager/Main.vue b/src/manager/Main.vue
index 0e5cdd2..e788f79 100644
--- a/src/manager/Main.vue
+++ b/src/manager/Main.vue
@@ -2,7 +2,7 @@
 <template>
 
   <div style="display: flex; flex-direction: row">
-      <LeftBar></LeftBar>
+      <LeftBar style="width: 13vw;"></LeftBar>
       <router-view></router-view>
   </div>