<template>
  <view :style="{ height: height }" class="flex flex-col overflow-hidden">
    <Title />
    <view class="container flex flex-col flex-1 overflow-hidden bg-gray-100">
      <Roles />
      <Globals />
      <TimeLine class="flex-1 overflow-hidden" />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return { title: 'Hello', height: '', scrollHeight: null };
  },

  onLoad() {
    console.log(this.$u.config.v);
    // this.openPage();
    // DEBUG:
    this.$u.api.getToken('1217651354919636992');
  },

  mounted() {
    this.height = window.screen.height + 'px';
  },

  methods: {
    openPage() {
      console.log('open');
      this.$u.route('/pages/pinch/pinch');
    },
  },
};
</script>
