|
@@ -30,9 +30,12 @@
|
|
|
<floorMap ref='floorMap' :id='"equip"' :loadName='loadName' :type='"system"'></floorMap>
|
|
|
<!-- -->
|
|
|
<div class='additional-box' v-if='fqPic.length>0'>
|
|
|
- <div class='additional' @click='additionalColl'>
|
|
|
+ <div class='additional' @click='additionalColl' v-if='!show'>
|
|
|
<img src='../../assets/imgs/bg.png' alt />
|
|
|
</div>
|
|
|
+ <div class='additional2' @click='additionalColl' v-else>
|
|
|
+ <img src='../../assets/imgs/bg2.png' alt />
|
|
|
+ </div>
|
|
|
<el-collapse-transition>
|
|
|
<div v-if='show' class='add-img'>
|
|
|
<img :src='fqPic[0].url' alt />
|
|
@@ -271,11 +274,10 @@ export default {
|
|
|
}
|
|
|
.additional-box {
|
|
|
position: relative;
|
|
|
- .additional {
|
|
|
+ .additional,
|
|
|
+ .additional2 {
|
|
|
width: 44px;
|
|
|
height: 44px;
|
|
|
- background: rgba(255, 255, 255, 1);
|
|
|
- box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
|
|
|
border-radius: 2px;
|
|
|
position: fixed;
|
|
|
right: 32px;
|
|
@@ -290,6 +292,14 @@ export default {
|
|
|
height: 20px;
|
|
|
}
|
|
|
}
|
|
|
+ .additional {
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
|
|
|
+ }
|
|
|
+ .additional2 {
|
|
|
+ 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 {
|
|
|
width: 560px;
|
|
|
height: 360px;
|