静态页面

src/pages/KaiJiangZhanShi/SubIndex/index.vue

@@ -66,6 +66,7 @@ export default {
   name: '',
   data () {
     return {
+      ExitAppStatus: false
     }
   },
   computed: {
@@ -81,14 +82,30 @@ export default {
     this.Init()
   },
   mounted () {
+    if (window.history && window.history.pushState) {
+      this.ExitAppStatus = false
+      window.history.pushState(null, null, document.URL)
+      window.addEventListener('popstate', this.RouterBack, false)
+    }
     this.$nextTick(() => {
     })
   },
+  destroyed () {
+    window.removeEventListener('popstate', this.RouterBack, false)
+  },
   methods: {
     ...mapIndexActions([
       'GetNewstSportsRes',
       'GetNewstLotteryRes'
     ]),
+    RouterBack () {
+      if (this.ExitAppStatus) {
+
+      } else {
+        this.Toast('再按一次退出应用')
+        this.ExitAppStatus = true
+      }
+    },
     Init (done = () => { }) {
       this.GetNewstSportsRes().then(() => {
         done()

src/pages/WoDe/UserCenter/index.vue

@@ -44,6 +44,7 @@ export default {
   name: '',
   data () {
     return {
+      ExitAppStatus: false,
       UserTabList: [
         { name: '我的彩票', desc: '查看购买彩票详情', img: require('../../../assets/img/icon1.png'), router: 'WoDeCaiPiao' },
         { name: '账户明细', desc: '流水明细', img: require('../../../assets/img/icon10.png'), router: 'ZhangHaoMingXi' },
@@ -69,13 +70,29 @@ export default {
   created () {
   },
   mounted () {
+    if (window.history && window.history.pushState) {
+      this.ExitAppStatus = false
+      window.history.pushState(null, null, document.URL)
+      window.addEventListener('popstate', this.RouterBack, false)
+    }
     this.$nextTick(() => {
     })
   },
+  destroyed () {
+    window.removeEventListener('popstate', this.RouterBack, false)
+  },
   methods: {
     ...mapUserActions([
       'GetCurrentUserInfo'
     ]),
+    RouterBack () {
+      if (this.ExitAppStatus) {
+
+      } else {
+        this.Toast('再按一次退出应用')
+        this.ExitAppStatus = true
+      }
+    },
     UserInfoChange () {
     }
   }

src/pages/index/ShouYe/index.vue

@@ -73,6 +73,7 @@ export default {
   name: 'index',
   data () {
     return {
+      ExitAppStatus: false,
       bannerList: [
         {
           image: 'https://niucai.oss-cn-beijing.aliyuncs.com/app/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20201101151720.png',
@@ -101,9 +102,17 @@ export default {
     this.Init()
   },
   mounted () {
+    if (window.history && window.history.pushState) {
+      this.ExitAppStatus = false
+      window.history.pushState(null, null, document.URL)
+      window.addEventListener('popstate', this.RouterBack, false)
+    }
     this.$nextTick(() => {
     })
   },
+  destroyed () {
+    window.removeEventListener('popstate', this.RouterBack, false)
+  },
   methods: {
     ...mapActions([
       'GetAllLotteryType'
@@ -116,6 +125,14 @@ export default {
     ...mapIndexMutations([
       'EmptyBanner'
     ]),
+    RouterBack () {
+      if (this.ExitAppStatus) {
+
+      } else {
+        this.Toast('再按一次退出应用')
+        this.ExitAppStatus = true
+      }
+    },
     Init (done = () => { }) { // 初始化
       this.EmptyBanner()
       this.GetBanner({ queryData: { pageNum: 1, pageSize: 10, status: 1, adType: 'app-index-banner' } }).then(() => { // 获取banner