From 43b0c9ec4a73faafce3b3cbf323fecb7284cd91c Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 03 Jul 2021 09:56:43 +0800
Subject: [PATCH] 警情反馈 警情地图
---
components/seeImges/seeImges.vue | 74 ++++++++++++++++---------------------
1 files changed, 32 insertions(+), 42 deletions(-)
diff --git a/components/seeImges/seeImges.vue b/components/seeImges/seeImges.vue
index 891a859..e6e3d22 100644
--- a/components/seeImges/seeImges.vue
+++ b/components/seeImges/seeImges.vue
@@ -71,7 +71,7 @@
urls: photoList
});
},
-
+
//视频删除
deleltevideo(index) {
var that = this;
@@ -96,82 +96,72 @@
<style lang="scss" scoped>
.seeImgs {
width: 100%;
- height: 10rem;
+ height: 4.3rem;
// border: 1px solid #0000FF;
white-space: nowrap;
box-sizing: border-box;
overflow: scroll;
+ display: flex;
+ align-items: center;
+ // position: absolute;
+ // right: 0;
+ // z-index: 110;
.imgs {
display: inline-block;
padding-top: 0.5rem;
- width: 9rem;
- height: 9rem;
+ width: 3rem;
+ height: 3rem;
padding: 0 0.2rem 0 0.2rem;
margin: 0 0.2rem 0 0.2rem;
// border-right: 1px solid rgba($color: #000000, $alpha: 0.5);
position: relative;
+ // border: 1px solid #0000FF;
image {
width: 100%;
height: 100%;
}
- .close {
- background-color: #fff;
- width: 1.6rem;
- height: 1.6rem;
- text-align: center;
- line-height: 1.6rem;
- position: absolute;
- top: 0.2rem;
- right: 0.5rem;
- font-size: 1.5rem;
- color: red;
- border-radius: 1.5rem;
- border: 1px solid red;
- &:hover {
- color: red;
- border: 1px solid red;
- }
- }
}
.videos {
display: inline-block;
padding-top: 0.5rem;
- width: 9rem;
- height: 9rem;
+ width: 4rem;
+ height: 4rem;
padding: 0 0.2rem 0 0.2rem;
margin: 0 0.2rem 0 0.2rem;
// border-right: 1px solid rgba($color: #000000, $alpha: 0.5);
position: relative;
+ // border: 1px solid #0000FF;
video {
width: 100%;
height: 100%;
}
+ }
+ }
- .close {
- background-color: #fff;
- width: 1.6rem;
- height: 1.6rem;
- text-align: center;
- line-height: 1.6rem;
- position: absolute;
- top: 0.2rem;
- right: 0.5rem;
- font-size: 1.5rem;
- color: red;
- border-radius: 1.5rem;
- border: 1px solid red;
+ .close {
+ background-color: #fff;
+ width: 0.9rem;
+ height: 0.9rem;
+ text-align: center;
+ line-height: 0.8rem;
+ position: absolute;
+ top: 0.1rem;
+ right: 0.2rem;
+ font-size: 0.5rem;
+ color: red;
+ border-radius: 1.5rem;
+ border: 1px solid red;
+ z-index: 111;
- &:hover {
- color: red;
- border: 1px solid red;
- }
- }
+ &:hover {
+ color: red;
+ border: 1px solid red;
}
}
</style>
--
Gitblit v1.9.3