警情反馈 警情地图

liuyg

2021-07-03 43b0c9ec4a73faafce3b3cbf323fecb7284cd91c

 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>