引导位弹框移到首页头部

src/components/Portal/guideBox.vue

@@ -2,9 +2,11 @@
 	<el-dialog
       :close-on-click-modal="false"
       :visible.sync="guideCollection"
+      :append-to-body="true" 
       top="90px"
-      width="1088px">
+      width="900px">
       <div class="gui-box">
+        <span class="close-right" @click="guideCollection = false"><i style="font-size: 28px;color: #999;" class="el-icon-close"></i></span>
          <div class="gui-box-left">
             <dl>
               <dt class="left-title">新功能查看</dt>
@@ -124,6 +126,13 @@
         display: flex;
         border-radius: 10px;
         box-sizing: border-box;
+        position: relative;
+        .close-right{
+            position: absolute;
+            right:-136px;
+            top:45px;
+        }
+        
         ::v-deep .swiper-wrapper{
             padding-bottom: 60px;
         }
@@ -148,7 +157,8 @@
         .gui-box-left{
           padding-top: 90px;
           width: 190px;
-          background: #387DF7;
+        //   background: #387DF7;
+          background: url('/images/homeWu/guide-bg.png') no-repeat 101% / 101%;
           border-radius: 10px 0 0 10px;
           .left-title{
             width: 190px;
@@ -173,7 +183,7 @@
           flex: 1;
           width: 100%;
           background: #e6effb;
-          padding: 74px 100px 64px 100px;
+          padding: 74px 0 64px 0;
           border-radius:0 10px 10px 0;
           text-align: center;
           .gui-text{