场景算法过滤

hanbaoshan

2020-08-03 2385c7389f9f222be2daf9c01e3c1270c89fa230

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

@@ -11,6 +11,7 @@
                  <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=""> -->

                </div>
              </div>
              <div class="double" v-else-if="item.rules.length==2">
@@ -18,6 +19,7 @@
                  <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=""> -->

                </div>
              </div>
              <div class="third" v-else-if="item.rules.length==3">
@@ -25,6 +27,7 @@
                  <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=""> -->

                </div>
              </div>
              <div class="four" v-else-if="item.rules.length==4">
@@ -32,6 +35,7 @@
                  <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=""> -->

                </div>
              </div>
            </div>
@@ -132,7 +136,13 @@
</script>

<style lang="scss">

.icon {

  width: 1em;

  height: 1em;

  vertical-align: -0.15em;

  fill: currentColor;

  overflow: hidden;

}

.wrap-box {
  width: 100%;
  display: inline-block;