feat: sort camera tree

zhangzengfei

2020-09-04 b23a2a35a14b010a3b97a1b61a02ec179dfab924

 src/pages/search/index/App.vue

@@ -1,13 +1,13 @@
<template>
  <div class="column">
    <div class="column-left" :style="`height:${screenHeight}px;`">
    <div class="column-left">
      <div class="resize-bar"></div>
      <div class="resize-line"></div>
      <div class="resize-save">
        <left-nav :appName="'Search'" :height="screenHeight - 40"></left-nav>
      </div>
    </div>
    <div class="column-right" :style="`height:${screenHeight}px;`">
    <div class="column-right">
      <right-side />
    </div>
    <card-window></card-window>
@@ -18,7 +18,7 @@
import LeftNav from "@/components/LeftNav";
// import CameraVideo from "./components/Video.vue";
import RightSide from "./Searching"
import CardWindow from "../components/cardWindow";
import CardWindow from "@/components/cardWindow";

export default {
  name: "SearchPage",
@@ -32,6 +32,10 @@
      screenHeight: 0,
    }
  },
  created() {
    // this.parseUrl();

  },
  mounted() {
    this.screenHeight = document.documentElement.clientHeight - 20;
    window.onresize = () => {
@@ -39,23 +43,30 @@
        this.screenHeight = document.documentElement.clientHeight - 20;
      })();
    };

  },
  methods: {
    parseUrl() {

    }
  }
};
</script>

<style lang="scss" scoped>
.column {
  overflow: hidden;
  min-width: 1399px;
  height: 100%;
}
.column-left {
  height: inherit;
  background-color: #fff;
  position: relative;
  float: left;
  height: 100vh;
}
.column-right {
  height: 100%;
  padding: 16px;
  height: 100vh;
  background-color: #eee;
  box-sizing: border-box;
  overflow: hidden;