|
@@ -37,12 +37,15 @@
|
|
|
<img src='../../assets/imgs/bg.png' alt />
|
|
|
</div>
|
|
|
<el-collapse-transition>
|
|
|
- <div v-if='showView===3' class='add-img'>
|
|
|
- <img :src='fqPic[0].url' alt />
|
|
|
+ <div v-if='showView===3' class='add-img-container'>
|
|
|
+ <div class='add-img'>
|
|
|
+ <img :src='fqPic[0].url' alt />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</el-collapse-transition>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
<floor-list v-if='floorsArr.length>0' :floorsArr='floorsArr' @emitFloor='emitFloor' id='system'></floor-list>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -307,10 +310,10 @@ export default {
|
|
|
background: linear-gradient(180deg, rgba(54, 156, 247, 1) 0%, rgba(2, 91, 170, 1) 100%);
|
|
|
box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
|
|
|
}
|
|
|
- .add-img {
|
|
|
+ .add-img-container {
|
|
|
width: 560px;
|
|
|
height: 360px;
|
|
|
- overflow: auto;
|
|
|
+ overflow: hidden;
|
|
|
background: #ffffff;
|
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
|
|
|
box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
|
|
@@ -320,13 +323,18 @@ export default {
|
|
|
right: 77px;
|
|
|
bottom: 381px;
|
|
|
z-index: 2;
|
|
|
- padding: 24px;
|
|
|
- img {
|
|
|
+ padding: 20px;
|
|
|
+ .add-img {
|
|
|
+ // padding: 0;
|
|
|
width: 100%;
|
|
|
- // max-height: 100%;
|
|
|
- // display: block;
|
|
|
- // margin: 0 auto;
|
|
|
- object-fit: cover;
|
|
|
+ height: 100%;
|
|
|
+ overflow: scroll;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ // max-height: 100%;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|