chenxi-null
diff --git a/‎src/components/layout.vue
Copy file name to clipboard
+67Lines changed: 67 additions & 0 deletions b/‎src/components/layout.vue
Copy file name to clipboard
+67Lines changed: 67 additions & 0 deletions
@@ -0,0 +1,67 @@
+<template>
+<div id="__wrapper">
+
+  <navgation-bar>
+  </navgation-bar>
+
+  <div class="app-content">
+    <keep-alive>
+      <transition name="drop">
+      <router-view></router-view>
+    </transition>
+    </keep-alive>
+  </div>
+
+  <footerView>
+  </footerView>
+
+</div>
+</template>
+
+<script>
+import navgationBar from './navigationBar'
+import bookCard from './bookCard'
+import footerView from './footerView'
+
+export default {
+  components: {
+    navgationBar,
+    bookCard,
+    footerView
+  },
+  created() {
+    this.$store.dispatch('loadUser')
+  },
+  data() {
+    return {
+      isShowAboutDialog: false,
+      isShowLogDialog: false,
+      isShowRegDialog: false,
+      username: '',
+      activeClass: 'navbar-item-select'
+    }
+  },
+  methods: {
+    aboutClick() {
+      this.isShowAboutDialog = true
+    },
+    logClick() {
+      this.isShowLogDialog = true
+    },
+    regClick() {
+      this.isShowRegDialog = true
+    },
+    closeDialog(attr) {
+      this[attr] = false
+    },
+    onSuccessLog(data) {
+
+    }
+  }
+}
+</script>
+
+<style>
+@import '../style/style.css';
+@import '../style/bootstrap-flat.min.css';
+</style>