Daily update

wj-vue/src/components/library/Books.vue

@@ -2,6 +2,7 @@
   <div>
     <el-row style="height: 840px;">
       <search-bar @onSearch="searchResult" ref="searchBar"></search-bar>
+      <view-switch class="switch"></view-switch>
       <el-tooltip effect="dark" placement="right"
                   v-for="item in books.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                   :key="item.id">
@@ -42,9 +43,10 @@
 <script>
   import EditForm from './EditForm'
   import SearchBar from './SearchBar'
+  import ViewSwitch from './ViewSwitch'
   export default {
     name: 'Books',
-    components: {EditForm, SearchBar},
+    components: {EditForm, SearchBar, ViewSwitch},
     data () {
       return {
         books: [],
@@ -155,6 +157,13 @@
     float: right;
   }
 
+  .switch {
+    display: flex;
+    position: absolute;
+    left: 780px;
+    top: 25px;
+  }
+
   a {
     text-decoration: none;
   }

wj-vue/src/components/library/LibraryIndex.vue

 <template>
   <el-container>
     <el-aside style="width: 200px;margin-top: 20px">
+      <switch></switch>
       <SideMenu @indexSelect="listByCategory" ref="sideMenu"></SideMenu>
     </el-aside>
     <el-main>
-        <books class="books-area" ref="booksArea"></books>
+      <books class="books-area" ref="booksArea"></books>
     </el-main>
   </el-container>
 </template>
 
 <script>
   import SideMenu from './SideMenu'
-  import Tag from './Tag'
   import Books from './Books'
-  import About from '../common/About'
-  import ImgUpload from './ImgUpload'
 
   export default {
     name: 'AppLibrary',
-    components: {Books, Tag, SideMenu, About, ImgUpload},
+    components: {Books, SideMenu},
     methods: {
       listByCategory () {
         var _this = this

wj-vue/src/components/library/ViewSwitch.vue

+<template>
+  <el-switch
+    v-model="value"
+    active-text="列表视图">
+  </el-switch>
+</template>
+
+<script>
+  export default {
+    name: 'Switch',
+    data () {
+      return {
+        value: true
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>