<template>
  <div class="screen center">
    <section class="user-container relative">
      <section class="user-container-modules relative">
        <section class="absolute user-absolute-screen">
          <slot></slot>
        </section>
        <div id="popup"></div>
      </section>
      <footer class="footer-container absolute">
        <aside class="row center">
          <section
            v-for="(item,index) in aboutData.data"
            :key="'about-'+index"
            class="row aCenter"
            @click="trigger(item,index)"
          >
            <div class="footer-line" v-if="index!==0"></div>
            <span class="cursor-pointer">{{item.label}}</span>
          </section>
        </aside>
        <aside class="footer-last"  @click="trigger(aboutData)"><span class="cursor-pointer">{{aboutData.label}}</span></aside>
      </footer>
    </section>
  </div>
</template>

<script>
import aboutData from "../data/about";
import mixins from '../mixins';
export default {
  name: "layout-entry",

  data:function () {
    return {
      aboutData
    }
  },

  mixins

}
</script>

<style scoped lang="scss" src="../style.scss"></style>