提交修改

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;