定义全局提示框和引入store状态管理

main.js

@@ -1,15 +1,39 @@
-import Vue from 'vue'
-import App from './App'
+import Vue from 'vue';
+import App from './App';
+import store from './store';
 
-Vue.config.productionTip = false
+Vue.config.productionTip = false;
 
-App.mpType = 'app'
+App.mpType = 'app';
 
 // 引入全局uView
-import uView from 'uview-ui'
+import uView from 'uview-ui';
 Vue.use(uView);
 
+/** 
+ * 定义全局提示框
+ * @title 提示的内容
+ * @icon 图标，默认none，可选[显示成功图标: success,显示加载图标: loading,不显示图标: none]
+ * @duration 提示的延迟时间，单位毫秒，默认：1500
+ * @mask 是否显示透明蒙层,默认不显示
+ */
+const msgbox = (title, icon = 'none', duration = 1500, mask = false) => {
+  if (Boolean(title) === false) {
+    return;
+  }
+  uni.showToast({
+    title,
+    duration,
+    mask,
+    icon
+  });
+};
+
+// 挂载全局vue属性
+Vue.prototype.$msgbox = msgbox;
+
 const app = new Vue({
-    ...App
-})
-app.$mount()
+  ...App,
+  store
+});
+app.$mount();