<template>
  <div class="components">
    <stockView v-if="symbolInfo.type == 1" :symbolInfo="symbolInfo" :companyInfo="companyInfo" />
    <cryptoView :symbolInfo="symbolInfo" v-else />
  </div>
</template>
<script>
import stockView from "./stock";
import cryptoView from "./crypto";
export default {
  props: ['symbolInfo', 'companyInfo'],
  components: {
    stockView,
    cryptoView
  },
  data () {
    return {
      
    }
  }
}
</script>
<style lang="less" scoped>
.components {
  max-height: calc(100vh - 100px);
  background-color: #F6FAFE;
  overflow-y: auto;
}
</style>