修改事件声音配置

zhangzengfei

2020-11-05 f2fcae7c31b8a0bbbcc6298865d7340e488f61f3

 src/pages/cameraAccess/components/scene/SlideScene.vue

@@ -1,7 +1,12 @@
<template>

  <div class="swiper-box">

    <p class="task-tip" v-if="sceneData.length == 0 ">暂无场景，请开始创建</p>

    <swiper ref="sceneSwiper" v-if="sceneData.length>=1" :options="swiperOption" class="swiper-box-container">

    <swiper

      ref="sceneSwiper"

      v-if="sceneData.length>=1"

      :options="swiperOption"

      class="swiper-box-container"

    >

      <swiper-slide v-for="item in sceneData" :key="item.id+'s'">

        <div class="wrap-box" >

          <div class="inner">

@@ -11,7 +16,11 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:4rem;">

                    <use :xlink:href="`#${item.rules[0].icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">

                  <img

                    class="baseImg"

                    :src="item.rules[0].icon_blob && item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${item.rules[0].icon_blob}`"

                    alt

                  />

                </div>

              </div>

              <div class="double" v-else-if="item.rules.length==2">

@@ -19,7 +28,11 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img

                    class="baseImg"

                    :src="item.rules[0].icon_blob &&item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"

                    alt

                  />

                </div>

              </div>

              <div class="third" v-else-if="item.rules.length==3">

@@ -27,7 +40,11 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img

                    class="baseImg"

                    :src="item.rules[0].icon_blob &&item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"

                    alt

                  />

                </div>

              </div>

              <div class="four" v-else-if="item.rules.length==4">

@@ -35,7 +52,11 @@
                  <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">

                    <use :xlink:href="`#${rule.icon}`" />

                  </svg> -->

                  <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">

                  <img

                    class="baseImg"

                    :src="item.rules[0].icon_blob && item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`"

                    alt

                  />

                </div>

              </div>

            </div>

@@ -239,7 +260,7 @@
          left: 50%;

          transform: translate(-50%, -50%);

          box-shadow: none;

          width: 100%

          width: 100%;

        }

      }

      .double {