<!--
 * @Author: aBin
 * @email: binbin0314@126.com
 * @Date: 2021-07-19 10:09:22
 * @LastEditors: aBin
 * @LastEditTime: 2021-07-20 11:55:27
-->
<template>
  <view :style="{ height: height }" class="flex flex-col overflow-hidden">
    <Title />
    <view class="flex flex-col flex-1 overflow-hidden container bg-gray-100">
      <Roles />
      <Globals />
      <TimeLine class="flex-1 overflow-hidden" />
      <!-- <view class="mt-5">
    <view class="mt-5">
      <u-button type="primary" size="default" @click="$u.route('/pages/plugin-test/plugin-test')">iframe 验证</u-button>
    </view>
    <view class="my-3">
      <u-button type="warning" size="default" class="my-3" @click="$u.route('/pages/rich-text/rich-text')">pinch 事件验证</u-button>
    </view>
    <view class="my-3">
      <u-button type="error" size="default" @click="openPage">pinch 事件验证</u-button>
      </view>-->
      <!-- <Project /> -->
    </view>
  </view>
</template>

<script>
// import Globals from 'components/Globals/index.vue';
// import Title from 'components/Title/Title.vue';
// import Roles from 'components/Roles/Roles.vue';
// import TimeLine from 'components/TimeLine/index.vue';

// import Project from 'components/Project/Project.vue';

export default {
  // components: { Globals, TimeLine, Roles, Title },
  data() {
    return { title: 'Hello', height: '', scrollHeight: null };
  },
  onLoad() {
    console.log(this.$u.config.v);
    // this.openPage();
  },
  mounted() {
    this.height = window.screen.height + 'px';
  },
  methods: {
    openPage() {
      console.log('open');
      this.$u.route('/pages/pinch/pinch');
    },
  },
};
</script>
