<template>
  <LayoutApp :show-back="true">
    <div class="body" ref="body">
        <div>username: {{username}}</div>
      <!-- <List></List> -->
    </div>
  </LayoutApp>
</template>

<script>
// import List from './components/list';
import { createNamespacedHelpers } from 'vuex'
const {mapState} = createNamespacedHelpers('home/mine');
export default {
    computed:{
        ...mapState({
          username: state => state.username
        })
    },
  components: {
    // List
  }
};
</script>

<style lang="scss" scoped>
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

.body {
  height: 100%;
  overflow-y: auto;
}
</style>