feat: sort camera tree

zhangzengfei

2020-09-04 b23a2a35a14b010a3b97a1b61a02ec179dfab924

 src/pages/search/index/App.vue

@@ -1,15 +1,16 @@
<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="'Video'" :height="screenHeight - 40"></left-nav>
        <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>
  </div>
</template>

@@ -17,17 +18,23 @@
import LeftNav from "@/components/LeftNav";
// import CameraVideo from "./components/Video.vue";
import RightSide from "./Searching"
import CardWindow from "@/components/cardWindow";

export default {
  name: "SearchPage",
  components: {
    LeftNav,
    RightSide
    RightSide,
    CardWindow
  },
  data() {
    return {
      screenHeight: 0,
    }
  },
  created() {
    // this.parseUrl();

  },
  mounted() {
    this.screenHeight = document.documentElement.clientHeight - 20;
@@ -36,27 +43,41 @@
        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;
}
.heigher-index {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.resize-save {
  position: absolute;
  top: 0;