dccloud/uni-app-front/App.vue

<script>
	import {
		getToken
	} from "@/common/auth.js"

	//应用生命周期仅可在App.vue中监听，在其它页面监听无效
	export default {
		onLaunch: function() {
			console.log('App Launch');
		},
		onShow: function() {
			console.log('App Show');

			//console.info(globalData.isLogin);
		},
		onHide: function() {
			console.log('App Hide');
		},

		//js中操作globalData的方式如下： getApp().globalData.text = 'test'
		globalData: {
			//isLogin: getLogin()     //api接口统一配置
		}
	};
</script>

<style lang="scss">
	/*全局样式*/
	/* #ifndef APP-PLUS-NVUE */
	@import './common/uni.css';
    @import 'common/font-awesome-4.7.0/css/font-awesome.css';
	/* #endif*/
	/* 解决头条小程序组件内引入字体不生效的问题 */
	/* #ifdef MP-TOUTIAO */
	@font-face {
		font-family: uniicons;
		src: url('/static/uni.ttf');
	}

	/* #endif */

	
	/* 以下样式用于 hello uni-app 演示所需 */
	page {
		background-color: #fff;
		height: 100%;
		font-size: 13px;
		line-height: 1.8;
	}

	.pointer {
		cursor: pointer;
	}

	.uni-header-logo {
		padding: 30rpx;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 10rpx;
	}

	.uni-header-image {
		width: 100px;
		height: 100px;
	}

	.uni-hello-text {
		color: #7A7E83;
	}

	.uni-hello-addfile {
		text-align: center;
		line-height: 300rpx;
		background: #FFF;
		padding: 50rpx;
		margin-top: 10px;
		font-size: 38rpx;
		color: #808080;
	}
	.font13{
		font-size:13rpx;
	}
	.font15{
		font-size:15rpx;
	}
	
	.slot-box {
		width: 100%;
		padding: 5px;
	}
	
	.row {
		width: 100%;
		clear:both;
	}
	
	.column-left {
		float: left;
		font-size: 15px;
		font-weight: 600;
		width: 30%;
		color: #979797;
		text-align: left;
	
	}
	
	.column-right {
		float: left;
		font-size: 15px;
		font-weight: 600;
		width: 70%;
		color: #979797;
		text-align: right;
	
	}
	.section-title{
		font-size: 20px;
		font-weight: 600;
	}
	/* 底部导航 */
	.tabBar{ width:100%;height: 98rpx;background: #fff;border-top:1px solid #E5E5E5;position: fixed;bottom:0px;left:0px;right:0px;display: flex;align-items: center;justify-content: center;
			.tabBar_list{ width:98%;display: flex;justify-content: space-between;
				image{ width:48rpx;height: 48rpx;margin-bottom:2rpx}
				.tabBar_item{ width:25%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20rpx;color: #969BA3;}
				.tabBar_item2{
					width:25%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20rpx;color: #969BA3;margin-top:-20rpx;position: relative;z-index: 101;
					image{ width:68rpx;height: 68rpx;}
				}
			 } 
		}
		.border_box{
			// pointer-events: none; 事件穿透解决z-index层级问题
			width:100%;height: 100rpx;display: flex;justify-content: center;align-items: center;position: fixed;left:0px;bottom:50rpx;z-index: 100;pointer-events: none;
			.tabBar_miden_border{   width:100rpx;height:50rpx;border-top:2rpx solid #E5E5E5;border-radius:50rpx 50rpx 0 0; /* 左上、右上、右下、左下 */background: #fff;}
		}
		.nav_active{color: #007AFF;}
</style>