project list page

Author: noahlam

config/index.js

@@ -23,7 +23,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 8080,
+    port: 8123,
     // 在小程序开发者工具中不需要自动打开浏览器
     autoOpenBrowser: false,
     // assetsSubDirectory: 'static',

package.json

@@ -12,7 +12,8 @@
   "dependencies": {
     "mpvue": "^1.0.1",
     "vuex": "^2.3.1",
-    "moment": "2.21.0"
+    "moment": "2.21.0",
+    "mptoast":"1.1.3"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",

src/main.js

@@ -2,9 +2,10 @@ import Vue from 'vue'
 import App from './App'
 import store from '@/stores/index'
 import asyncRequestMethod from './utils/asyncRequestMethod'
+import mptoastReg from 'mptoast/registry'
 Vue.config.productionTip = false
 App.mpType = 'app'
-
+mptoastReg(Vue)
 // 挂载全局的store
 Vue.prototype.store = store
 // 挂载一个全局的图片路径,方便后期修改图片地址的时候,做统一修改
@@ -14,6 +15,7 @@ Vue.prototype.$server = 'http://abc.defghijk.lmn/opqrst/'
 // 把 异步请求的方法挂载到this.$post上
 Vue.prototype.$post = asyncRequestMethod.post
 
+
 const app = new Vue(App)
 app.$mount()
 

src/pages/userCenter/index.vue

@@ -14,6 +14,8 @@
     <view v-if="showModal" @tap.stop="showModal=false" class="modal_container">
       <switchIdentity v-model="showModal"/>
     </view>
+    <mptoast></mptoast>
+    <view @tap="showTestToast">测试按钮</view>
   </scroll-view>
 </template>
 
@@ -23,9 +25,10 @@
   import counter from './components/counter'
   import functionList from './components/functionList'
   import switchIdentity from './components/switchIdentity'
+  import mptoast from 'mptoast'
 
   export default {
-    components: {topInfo, counter, functionList, switchIdentity},
+    components: {topInfo, counter, functionList, switchIdentity,mptoast},
     data () {
       return {
         showModal: false,  // 显示遮罩层
@@ -44,6 +47,9 @@
       switchIdentitys () {
         this.showModal = true
       },
+      showTestToast() {
+        this.$mptoast(`请输入正确网址，如xxxx.com`, 'none',1500)
+      }
     },
     onShow () {}
   }

yarn.lock

@@ -3286,6 +3286,22 @@ move-concurrently@^1.0.1:
     rimraf "^2.5.4"
     run-queue "^1.0.3"
 
+mptoast@*:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/mptoast/-/mptoast-1.1.1.tgz#6097bba1acfa542bab6eb3da42de20f156ceb8b5"
+  dependencies:
+    mptoast "*"
+    mpvue "^1.0.6"
+    vuex "^2.3.1"
+
+[email protected]:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/mptoast/-/mptoast-1.1.3.tgz#946e62ac1182edc18ab9957eaedc26c921cf9e21"
+  dependencies:
+    mptoast "*"
+    mpvue "^1.0.6"
+    vuex "^2.3.1"
+
 mpvue-loader@^1.0.2:
   version "1.0.2"
   resolved "http://registry.npm.taobao.org/mpvue-loader/download/mpvue-loader-1.0.2.tgz#bd74f78f3950ace60bd3507ee9deb0cbddb1625c"
@@ -3323,6 +3339,10 @@ mpvue@^1.0.1:
   version "1.0.1"
   resolved "http://registry.npm.taobao.org/mpvue/download/mpvue-1.0.1.tgz#e1cff387117f163012bb85b4f1534091c0b73a06"
 
+mpvue@^1.0.6:
+  version "1.0.12"
+  resolved "https://registry.npmjs.org/mpvue/-/mpvue-1.0.12.tgz#03610de052050861edf36b873df91b30623ad233"
+
 [email protected]:
   version "2.0.0"
   resolved "http://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"