sport_bigScren/App.vue

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.header{
		width: 100%;
		height: 184px;
		box-sizing: border-box;
		background: url(/static/hd2-bg.png) left top no-repeat;
		background-size: auto 100%;
		display: flex;
		align-items: center;
		.logo{
			width: 130px;
			height: 130px;
			image{
				width: 100%;
				height: 100%;
			}
			margin-right: 88px;
			margin-left: 50px;
		}
		.info{
			flex: 1;
			.a{
				font-weight: bold;
				font-size: 58px;
				color: #FFFFFF;
			}
			.b{
				font-weight: bold;
				font-size: 48px;
				color: #FFFFFF;
				margin-top: 15px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.fs{
					font-weight: bold;
					font-size: 48px;
					color: #FFFFFF;
					margin-right: 50px;
					text{
						margin-right: 50px;
					}
				}
			}
		}
	}
	.header1{
		width: 100%;
		height: 136px;
		box-sizing: border-box;
		background: url(/static/hd1-bg.png) left top no-repeat;
		background-size: auto 100%;
		display: flex;
		align-items: center;
		.logo{
			width: 245px;
			height: 95px;
			image{
				width: 100%;
				height: 100%;
			}
			margin-right: 25px;
			margin-left: 45px;
		}
		.logo1{
			width: 750px;
			height: 150px;
			image{
				width: 100%;
				height: 100%;
			}
			margin-right: 25px;
			margin-left: 45px;
		}
		.info{
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.a{
				font-weight: bold;
				font-size: 73px;
				color: #FFFFFF;
				float: left;
			}
			.b{
				float: right;
				font-weight: bold;
				font-size: 50px;
				color: #FFFF00;
				line-height: 46px;
				margin-right: 20px;
				text{
					font-weight: 400;
					font-size: 40rpx;
					color: #FFFF00;
					display: block;
				}
			}
		}
	}
@media screen and (min-width: 1200px) and (max-width: 1359px) {
	.header{
		.info{
			.a{
				font-size: 45px;
				white-space: nowrap;
			}
			.b{
				font-size: 36px;
				white-space: nowrap;
				margin-top: 30px;
				.fs{
					font-size: 36px;
					margin-right: 10px;
					text{
						margin-right: 10px;
					}
				}
			}
		}
	}
	.header1{
		.info{
			.a{
				font-size: 45px;
				white-space: nowrap;
			}
			.b{
				font-size: 30px;
				text-align: right;
			}
		}
	}
}
@media screen and (min-width: 1360px) and (max-width: 1500px) {
	.header{
		.info{
			.b{
				font-size: 36px;
				white-space: nowrap;
				.fs{
					font-size: 36px;
					margin-right: 20px;
				}
			}
		}
	}
	.header1{
		.info{
			.a{
				font-size: 45px;
				white-space: nowrap;
			}
		}
	}
}
</style>