修改NavBar

.editorconfig

-[*.{js,jsx,ts,tsx,vue}]
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
 indent_style = space
 indent_size = 2
 trim_trailing_whitespace = true

.eslintrc.js

@@ -63,7 +63,7 @@ module.exports = {
     // 在非空文件末尾至少存在一行空行
     'eol-last': 2,
     // 用'===', '!=='代替'==', '!='，null 除外；
-    'eqeqeq': ['error', 'always', {null: 'ignore'}],
+    'eqeqeq': ['error', 'always', { null: 'ignore' }],
     // 要求回调函数中有容错处理
     'handle-callback-err': [2, '^(err|error)$'],
     // 强制行的最大长度是80

babel.config.js

@@ -5,7 +5,7 @@ module.exports = {
   plugins: [
     [
       'import',
-      {libraryName: 'vant', libraryDirectory: 'es', style: true},
+      { libraryName: 'vant', libraryDirectory: 'es', style: true },
       'vant'
     ]
   ]

package-lock.json

 {
-  "name": "mt-schedule",
+  "name": "mt-education",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,

src/components/NavBar.vue

@@ -9,14 +9,13 @@
             <img
               @click="back"
               class="arrow_back"
-              src="../assets/images/返回白@3x.png"
+              src="../assets/images/back.png"
               alt=""
-              style="height: 19px;width: 19px"
             >
             <img
               @click="close"
               class="arrow_close"
-              src="../assets/images/关闭白@3x.png"
+              src="../assets/images/close.png"
               alt=""
             >
           </template>
@@ -29,7 +28,7 @@
       </slot>
     </div>
     <div class="right">
-      <slot name="right"></slot>
+      <slot name="right" />
     </div>
   </div>
 </template>
@@ -53,10 +52,12 @@ export default {
       default: true
     }
   },
+  mounted() {
+    console.log(this.$listeners)
+  },
   methods: {
     // 返回按钮
     back() {
-      console.log(this.$listeners)
       this.$router.push('/')
     },
     // 关闭按钮
@@ -129,3 +130,4 @@ export default {
     }
   }
 </style>
+

src/main.js

@@ -3,10 +3,10 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import Storage from 'vue-ls'
-import {sessionOptions, localOptions} from './config/vue-ls.config'
+import { sessionOptions, localOptions } from './config/vue-ls.config'
 import * as _ from 'lodash'
 import 'vant/lib/icon/local.css'
-import {Toast} from 'vant'
+import { Toast } from 'vant'
 import wnsdk from '@tjmt/wnsdk'
 
 // 定义全局过滤器

src/router/index.js

 import Vue from 'vue'
 import Router from 'vue-router'
-import {defaultRoutes} from '@/config/router.config'
+import { defaultRoutes } from '@/config/router.config'
 
 Vue.use(Router)
 
@@ -11,7 +11,7 @@ export default new Router({
     if (savedPosition) {
       return savedPosition
     } else {
-      return {x: 0, y: 0}
+      return { x: 0, y: 0 }
     }
   },
   routes: defaultRoutes

src/store/modules/example.js

@@ -16,7 +16,7 @@ export default {
     }
   },
   actions: {
-    setName({commit, state}, data) {
+    setName({ commit, state }, data) {
       commit('SET_NAME', data)
     }
   }

src/utils/filters.js

@@ -3,7 +3,7 @@ import moment from 'moment'
 import 'moment/locale/zh-cn'
 moment.locale('zh-cn')
 
-Vue.filter('NumberFormat', function(value) {
+Vue.filter('NumberFormat', function (value) {
   if (!value) {
     return '0'
   }
@@ -11,29 +11,29 @@ Vue.filter('NumberFormat', function(value) {
   return intPartFormat
 })
 
-Vue.filter('dayjs', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+Vue.filter('dayjs', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
   return moment(dataStr).format(pattern)
 })
 
-Vue.filter('moment', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+Vue.filter('moment', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
   return moment(dataStr).format(pattern)
 })
 
-Vue.filter('date', function(dataStr, pattern = 'YYYY-MM-DD') {
+Vue.filter('date', function (dataStr, pattern = 'YYYY-MM-DD') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 09:30
  */
-Vue.filter('dateTime', function(dataStr, pattern = 'L LT') {
+Vue.filter('dateTime', function (dataStr, pattern = 'L LT') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 周二
  */
-Vue.filter('YearMonthDayWeek', function(dataStr, pattern = 'L ddd') {
+Vue.filter('YearMonthDayWeek', function (dataStr, pattern = 'L ddd') {
   return moment(dataStr).format(pattern)
 })
 
@@ -41,41 +41,41 @@ Vue.filter('YearMonthDayWeek', function(dataStr, pattern = 'L ddd') {
  * 2018-05-15 09:30:00   =>  2019年8月28日星期三上午10点24分
 
  */
-Vue.filter('YearMonthDayWeekTime', function(dataStr, pattern = 'LLLL') {
+Vue.filter('YearMonthDayWeekTime', function (dataStr, pattern = 'LLLL') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 周二
  */
-Vue.filter('time', function(dataStr, pattern = 'LT') {
+Vue.filter('time', function (dataStr, pattern = 'LT') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   05
  */
-Vue.filter('dateToMoment', function(dataStr, pattern = 'M月') {
+Vue.filter('dateToMoment', function (dataStr, pattern = 'M月') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   15
  */
-Vue.filter('dateToDay', function(dataStr, pattern = 'D') {
+Vue.filter('dateToDay', function (dataStr, pattern = 'D') {
   return moment(dataStr).format(pattern)
 })
 /**
  * 2018-05-15 09:30:00   =>   9:00
  */
-Vue.filter('hour', function(dataStr, pattern = 'HH:mm') {
+Vue.filter('hour', function (dataStr, pattern = 'HH:mm') {
   return moment(dataStr).format(pattern)
 })
 
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 周二
  */
-Vue.filter('YearMonthDayWeekTimeWeek', function(dataStr, pattern = 'YYYY/MM/DD dddd HH:mm') {
+Vue.filter('YearMonthDayWeekTimeWeek', function (dataStr, pattern = 'YYYY/MM/DD dddd HH:mm') {
   return moment(dataStr).format(pattern)
 })
 
@@ -83,7 +83,7 @@ Vue.filter('YearMonthDayWeekTimeWeek', function(dataStr, pattern = 'YYYY/MM/DD d
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 周二
  */
-Vue.filter('DateWeek', function(dataStr, pattern = 'YYYY/MM/DD HH:mm  dddd') {
+Vue.filter('DateWeek', function (dataStr, pattern = 'YYYY/MM/DD HH:mm  dddd') {
   return moment(dataStr).format(pattern)
 })
 
@@ -91,7 +91,7 @@ Vue.filter('DateWeek', function(dataStr, pattern = 'YYYY/MM/DD HH:mm  dddd') {
 /**
  * 2018-05-15 09:30:00   =>   2018/05/15 周二
  */
-Vue.filter('MonthDayHM', function(dataStr, pattern = 'MM/D HH:mm') {
+Vue.filter('MonthDayHM', function (dataStr, pattern = 'MM/D HH:mm') {
   return moment(dataStr).format(pattern)
 })
 

src/utils/index.js

@@ -26,14 +26,14 @@ export function parseTime(time, cFormat) {
     date = new Date(time)
   }
   const formatObj = {
-      y: date.getFullYear(),
-      m: date.getMonth() + 1,
-      d: date.getDate(),
-      h: date.getHours(),
-      i: date.getMinutes(),
-      s: date.getSeconds(),
-      a: date.getDay()
-    },
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  },
     timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
       let value = formatObj[key]
       // Note: getDay() returns 0 on Sunday
@@ -174,12 +174,12 @@ export function param2Obj(url) {
   }
   return JSON.parse(
     '{"' +
-      decodeURIComponent(search)
-        .replace(/"/g, '\\"')
-        .replace(/&/g, '","')
-        .replace(/=/g, '":"')
-        .replace(/\+/g, ' ') +
-      '"}'
+    decodeURIComponent(search)
+      .replace(/"/g, '\\"')
+      .replace(/&/g, '","')
+      .replace(/=/g, '":"')
+      .replace(/\+/g, ' ') +
+    '"}'
   )
 }
 
@@ -258,7 +258,7 @@ export function getTime(type) {
 export function debounce(func, wait, immediate) {
   let timeout, args, context, timestamp, result
 
-  const later = function() {
+  const later = function () {
     // 据上一次触发时间间隔
     const last = +new Date() - timestamp
 
@@ -277,7 +277,7 @@ export function debounce(func, wait, immediate) {
     }
   }
 
-  return function(...args) {
+  return function (...args) {
     context = this
     timestamp = +new Date()
     const callNow = immediate && !timeout

src/utils/mt-utils.js

 import wnsdk from '@tjmt/wnsdk'
-import {Toast} from 'vant'
+import { Toast } from 'vant'
 import moment from 'moment/moment'
 import Vue from 'vue'
 
@@ -83,9 +83,9 @@ export function transmit(data) {
       owner: '',
       time: `主题:${data.thingDO.sub}\n时间：${moment(data.thingDO.startTime).format('LLLL')} ～ ${moment(data.thingDO.endTime).format('LLLL')}`,
       logo: 'http://127.0.0.1:8001/img/%E6%B7%BB%E5%8A%A0%E6%97%A5%E7%A8%8B@3x.e5cfb2ef.png',
-      success: function(result) {
+      success: function (result) {
       },
-      error: function(error) {
+      error: function (error) {
       }
     })
 }
@@ -101,7 +101,7 @@ export function choosePerson(selected = [], editSelect = []) {
       .util
       .chooseAddressBook({
         // id: Vue.ls.get('corpId'),
-        id:'6',
+        id: '6',
         type: 2,
         editSelect: editSelect,
         selected: selected,

src/views/Home/index.vue

 <template>
-  <div>
-    主页
-  </div>
+  <nav-bar-view>
+    <div>
+      主页
+    </div>
+  </nav-bar-view>
 </template>
 
 <script>
+import NavBarView from '@layouts/NavBarView'
 
 export default {
-  name: 'Home'
+  name: 'Home',
+  components: {
+    NavBarView
+  }
 }
 </script>