App.vue 1.83 KB
<template>
  <div class="g-window">
    <nav-bar v-show="showNav"></nav-bar>
    <!-- 切页动画设置 -->
    <transition>
      <router-view></router-view>
    </transition>
    <fullscreen-img></fullscreen-img>
    <loading></loading>
  </div>
</template>

<script>
import Vue from 'vue'
import {Group, Cell, XHeader, XInput, XTextarea, XButton, XSwitch, Datetime, ViewBox, Search, ButtonTab, ButtonTabItem, Divider, Actionsheet, AlertPlugin, ConfirmPlugin} from 'vux'
import Loading from './pages/components/Loading'
import FullscreenImg from './pages/components/FullscreenImg'
// ToastPlugin是对vux中的ToastPlugin在使用上的简单封装。
import ToastPlugin from './plugins/toastPlugin'

// 全局注册vux的组件
Vue.component('Group', Group);
Vue.component('Cell', Cell);
Vue.component('Datetime', Datetime);
Vue.component('ButtonTab', ButtonTab);
Vue.component('ButtonTabItem', ButtonTabItem);
Vue.component('Divider', Divider);
Vue.component('Search', Search);
Vue.component('XInput', XInput);
Vue.component('XTextarea', XTextarea);
Vue.component('XButton', XButton);
Vue.component('XHeader', XHeader);
Vue.component('XSwitch', XSwitch);
Vue.component('ActionSheet', Actionsheet);

Vue.use(AlertPlugin);
Vue.use(ConfirmPlugin);
Vue.use(ToastPlugin);

import NavBar from './pages/components/NavBar'
import cookie from './utils/cookie'
import pageUtil from './utils/page'

const sessionHistory = window.sessionStorage;

export default {
  data(){
    return{

    }
  },
  // 所有页面更新都会触发此函数
  updated(){
    // 提交sdk连接请求
    this.$store.dispatch('connect')
    this.$store.dispatch('updateRefreshState')
  },
  components:{
    NavBar,
    ViewBox,
    Loading,
    FullscreenImg
  },
  computed: {
    // 是否显示导航条
    showNav () {
      return pageUtil.showNav(this.$route.path)
    }
  }
}
</script>