提交修改

This commit is contained in:
daihh
2022-10-21 11:59:28 +08:00
parent 29da8d6b54
commit 8fbba3de4d

View File

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