From 8fbba3de4d6421e1f2fb22ec40ef3512ef637c4f Mon Sep 17 00:00:00 2001
From: daihh <seastar@bjxask.com>
Date: Fri, 21 Oct 2022 11:59:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Portal/guideBox.vue | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Portal/guideBox.vue b/src/components/Portal/guideBox.vue
index 64679680..e16585ab 100644
--- a/src/components/Portal/guideBox.vue
+++ b/src/components/Portal/guideBox.vue
@@ -5,10 +5,10 @@
       :append-to-body="true"
       @closed="closeDlg"
       top="90px"
-      :width="clientWidth">
-      <div class="gui-box">
+      :width="dlgWidth">
+      <div class="gui-box" :style="{'min-height':dlgHeight,width:dlgWidth}">
         <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">
+         <div class="gui-box-left" :style="{width:leftWidth}">
             <dl>
               <dt class="left-title">新功能查看</dt>
               <dd v-for="item in guideList" @click="showImg(item)">{{item.title}}</dd>
@@ -44,7 +44,9 @@
 		},
     data(){
     	return {
-            clientWidth:'',
+            dlgHeight:'650px',
+            dlgWidth:'688px',
+            leftWidth:'160px',
             description:'',
             fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
             guideCollection:false,// 兴趣采集
@@ -76,16 +78,20 @@
       let width = document.body.clientWidth;
       console.log(width,'width');
       if(width > 1921) {
-        this.clientWidth = '1088px';
+        this.dlgWidth = '1088px';
+        this.leftWidth='220px';
       }
       if(width > 1681 && width < 1921) {
-        this.clientWidth = '888px';
+        this.dlgWidth = '888px';
+        this.leftWidth='200px';
       }
       if(width > 1367 && width < 1680) {
-        this.clientWidth = '848px';
+        this.dlgWidth = '848px';
+        this.leftWidth='180px';
       }
       if(width < 1366) {
-        this.clientWidth = '688px';
+        this.dlgWidth = '688px';
+        this.leftWidth='160px';
       }
 
       //这里必须放在当前的Session存储中，不能每次都调用
@@ -211,7 +217,7 @@
           }
         }
         .gui-box-right{
-          // flex: 1;
+          flex: 1;
           // width: 897px;
           background: #e6effb;
           padding: 74px 0 64px 0;