<template>
  <div id="app">
    <router-view class="wrapper"/>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';
import { Component } from 'vue-property-decorator';

@Component({})
export default class App extends Vue {}
</script>

<style lang='scss'>
@import './assets/styles/iview.css';
@import './assets/lib.scss';
@import './assets/style.scss';

html,body,#app{
  height: 100%;
}
#app {
  display: flex;
  flex-direction: column;
}

.rk-time-tool {
  position: absolute;
  top: 55px;
  right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  .content{
    display: flex;
    align-items: center;
  }
}
.container{
  padding-left: 30px;
  padding-right: 30px;
}
.wrapper{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  // &::-webkit-scrollbar {
  // }
}
</style>