From 41773f664d729b160ab74a57ea9ea7b5bb87f893 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Wed, 28 Feb 2024 13:48:37 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E9=A6=96=E9=A1=B5=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=AF=94=E4=BE=8B=E8=B0=83=E6=95=B4=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Home/components/HomeFrame/index.vue | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrame/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrame/index.vue
index 2ac7dcd5..b0d4af06 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrame/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrame/index.vue
@@ -1,22 +1,17 @@
 <template>
   <div class="HomeFrame">
-    <ElPopover
-      trigger="manual"
-      :value="activeIcon === 'Frame'"
-      :visibleArrow="false"
-      placement="left"
-      popper-class="global-input-search-popover"
-    >
-      <Button
-        :class="['btn', { 'btn-active': activeIcon }]"
-        slot="reference"
-        @click.native="handleClick('Frame')"
-      >
+    <ElPopover trigger="manual" :value="activeIcon === 'Frame'" :visibleArrow="false" placement="left"
+      popper-class="global-input-search-popover">
+
+      <Button :class="['btn', { 'btn-active': activeIcon }]" slot="reference" @click.native="handleClick('Frame')">
         <img src="@screen/images/home-Frame/Frame.svg" />
       </Button>
 
       <div class="body">
         <div class="title">图标含义</div>
+        <span class="close" @click="() => { this.activeIcon = null; }">
+          <i class="el-icon-close" />
+        </span>
         <!-- <Form labelWidth="90px" column="1" class="form" ref="FormConfigRef" :formList="formList" /> -->
         <img class="image" src="@screen/images/home-Frame/logoMean.png" />
         <!-- <div class="footer">
@@ -67,23 +62,31 @@ div.el-popper.global-input-search-popover {
 
   .body {
     .title {
-      background: linear-gradient(
-        90deg,
-        #237e9b 0%,
-        rgba(23, 145, 184, 0) 100%
-      );
+      background: linear-gradient(90deg,
+          #237e9b 0%,
+          rgba(23, 145, 184, 0) 100%);
       padding: 3px 9px;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
     }
+
+    .close {
+      padding: 3px 9px;
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: fit-content;
+    }
+
   }
 }
 </style>
 <style lang="scss" scoped>
 .image {
-  width: 60vw;
+  width: 50vw;
   height: 65vh;
 }