版本管理

src/components/Header.vue

@@ -18,12 +18,12 @@
 </template>
 
 <script>
-  import mixinDateModule from '../mixins/date-module.js' 
+  import mixinDate from '../mixins/date.js' 
   import mixinCommon from '../mixins/common'
   import store from '../store'
 
   export default {
-    mixins: [mixinDateModule,mixinCommon],
+    mixins: [mixinDate,mixinCommon],
     name : 'headercom',
     components: {
 

src/components/Home.vue

@@ -90,6 +90,7 @@
         border
         height="550"
         style="min-width:100%"
+        cell-class-name="cellname"
         :data="$store.state.hisData">
         <el-table-column type="expand">
           <template slot-scope="s">
@@ -300,6 +301,13 @@
     }
   }
 
+  .cellname {
+    font-family: 'Roboto-Thin';
+    font-weight: bolder;
+    color: #000;
+    font-size: 15px;
+  }
+
 </style>
 
 <style scoped lang="scss">

src/mixins/array.js

@@ -0,0 +1,20 @@
+export default {
+  data() {
+    return {
+
+    }
+  },
+
+  methods: {
+    // arr 传入数组 key 判断字段
+    delArrHasObjSome(arr,key){
+      let obj = {}
+      let result = []
+      result = arr.reduce((item,next) =>{
+        obj[next[key]] ? '':obj[next[key]] = true && item.push(next)
+        return item
+      }, [])
+      return result
+    }
+  },
+}

src/mixins/common.js

@@ -1,3 +1,4 @@
+import * as array from './array' 
 export default {
   data() {
     return {
@@ -34,17 +35,17 @@ export default {
       let i,t,o
       switch (type){
         case 'new':
-          i = '新增'
+          i = '新 增'
           t = ''
           o = 'el-icon-plus'
           break;
         case 'fix':
-          i = '修复'
+          i = '修 复'
           t = 'success'
           o = 'el-icon-check'
           break; 
         case 'opt':
-          i = '优化'
+          i = '优 化'
           t = 'warning'
           o = 'el-icon-finished'
           break;
@@ -62,12 +63,7 @@ export default {
         let o = this.getHisIcon(it.type)
         arr.push(o)
       })
-      let h = {}
-      let i = arr.reduce((x,y) =>{
-        h[y.name]? '':arr[]
-      })
-      console.log(set)
-      return set
+      return array.default.methods.delArrHasObjSome(arr,'o')
     },
   },
 }

src/mixins/temp.js

@@ -0,0 +1,11 @@
+export default {
+  data() {
+    return {
+
+    }
+  },
+
+  methods: {
+
+  },
+}

src/store.js

@@ -11,36 +11,16 @@ export default new Vuex.Store({
     hisData : [
       {
         time : '2019-05-23',
-        version : 'v0.8',
+        version : 'v0.1',
         con : [
-          {
-            type : 'fix',
-            text : '修复ss'
-          },
-          {
-            type : 'fix',
-            text : '修复ss2'
-          },
           {
             type : 'new',
-            text : 'newss'
+            text : `Kvue项目初版主页完成，
+                    包含有head、sider、main。
+                    side联动、若干特效。Home图标、版本记录、3dcube。`
           },
         ],
       },
-      // {
-      //   time : '2019-05-21',
-      //   version : 'v0.7',
-      //   con : [
-      //     {
-      //       type : 'opt',
-      //       text : '优化ss'
-      //     },
-      //     {
-      //       type : 'new',
-      //       text : 'newss'
-      //     },
-      //   ],
-      // },
     ]
   },
   mutations: {