From c8ec73b4b4ea9513789d8aa72d721ee7445d12cb Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 13 八月 2020 15:12:46 +0800
Subject: [PATCH] 修复card查看大图功能
---
src/pages/cameraAccess/components/scene/SlideScene.vue | 28 +++++++++++++++-------------
1 files changed, 15 insertions(+), 13 deletions(-)
diff --git a/src/pages/cameraAccess/components/scene/SlideScene.vue b/src/pages/cameraAccess/components/scene/SlideScene.vue
index 8494733..d2c7849 100644
--- a/src/pages/cameraAccess/components/scene/SlideScene.vue
+++ b/src/pages/cameraAccess/components/scene/SlideScene.vue
@@ -8,34 +8,34 @@
<div class="scenario-icon">
<div class="single" v-if="item.rules.length==1">
<div class="svg-wrap">
- <svg class="icon" aria-hidden="true" style="font-size:4rem;">
+ <!-- <svg class="icon" aria-hidden="true" style="font-size:4rem;">
<use :xlink:href="`#${item.rules[0].icon}`" />
- </svg>
- <!-- <img class="baseImg" :src="`data:image/png;base64,${item.rules[0].iconBlob}`" alt=""> -->
+ </svg> -->
+ <img class="baseImg" :src="`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">
</div>
</div>
<div class="double" v-else-if="item.rules.length==2">
<div class="svg-wrap" v-for="(rule,index) in item.rules" :key="index">
- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
+ <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
<use :xlink:href="`#${rule.icon}`" />
- </svg>
- <!-- <img class="baseImg" :src="`data:image/png;base64,${rule.iconBlob}`" alt=""> -->
+ </svg> -->
+ <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
</div>
</div>
<div class="third" v-else-if="item.rules.length==3">
<div class="svg-wrap" v-for="(rule,index) in item.rules" :key="'t'+index">
- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
+ <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
<use :xlink:href="`#${rule.icon}`" />
- </svg>
- <!-- <img class="baseImg" :src="`data:image/png;base64,${rule.iconBlob}`" alt=""> -->
+ </svg> -->
+ <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
</div>
</div>
<div class="four" v-else-if="item.rules.length==4">
<div class="svg-wrap" v-for="(rule,index) in item.rules" :key="'f'+index">
- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
+ <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
<use :xlink:href="`#${rule.icon}`" />
- </svg>
- <!-- <img class="baseImg" :src="`data:image/png;base64,${rule.iconBlob}`" alt=""> -->
+ </svg> -->
+ <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
</div>
</div>
</div>
@@ -217,11 +217,12 @@
padding-top: 47%;
text-align: center;
box-shadow: 0 0 3px 2px rgb(247, 247, 247) inset;
- svg {
+ img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
+ width: 96%;
}
}
}
@@ -232,6 +233,7 @@
left: 50%;
transform: translate(-50%, -50%);
box-shadow: none;
+ width: 100%
}
}
.double {
--
Gitblit v1.8.0