talk_appAmin/App.vue

<script>
  import config from './config'
  import store from '@/store'
  import { getToken } from '@/utils/auth'

  export default {
    onLaunch: function() {
      this.initApp()
    },
    methods: {
      // 初始化应用
      initApp() {
        // 初始化应用配置
        this.initConfig()
        // 检查用户登录状态
        //#ifdef H5
        this.checkLogin()
        //#endif
      },
      initConfig() {
        this.globalData.config = config
      },
      checkLogin() {
        if (!getToken()) {
          this.$tab.reLaunch('pages/loginInfo/login')
        }
      }
    }
  }
</script>

<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import "uview-plus/index.scss";
@import '@/static/scss/index.scss';
.mainContainer {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		/* 底部安全区 */
		// padding-bottom: env(safe-area-inset-bottom);
		box-sizing: border-box;
	}
	
	image {
		width: 100%;
		height: auto;
	}
	
	/* Flex布局 */
	
	.flex{
		display: flex;
	}
	.flexOne{
		flex: 1;
	}
	.flexColumn{
		flex-direction: column;
	}
	.wrap{
		flex-wrap: wrap;
	}
	.noWrap{
		flex-wrap: nowrap;
	}
	.alignCenter{
		align-items: center;
	}
	.justifyCenter{
		justify-content: center;
	}
	.alignBetween{
		align-content: space-between;
	}
	.justifyBetween{
		justify-content: space-between;
	}	
	.alignStart{
		align-items: flex-start;
	}
	.justifyStart{
		justify-content: flex-start;
	}
	.alignEnd{
		align-items: flex-end;
	}
	.justifyEnd{
		justify-content: flex-end;
	}
	.justifyAround{
		justify-content: space-around;
	}
	
	
	
	.qu{
		width: 24rpx;
		height: 24rpx;
	}
</style>