web3-202226701037/chexnet-master-MP/App.vue

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

<style>
	/*每个页面公共css */
	@import "style/main.css";
	@import "style/icon.css";
	@import "style/animation.css";
	@import "style/base.css";
	
	page{
		background-color: #ffffff;
		font-family: "Roboto";
		height: 100vh;
	}
	.top-img{
		top: -0vw;
		left: 0;
		right: 0;
		width: 100vw;
		margin-bottom: -15vw;
	}

	.button-all {
		/* color: #5bae23; */
		border: none;
		border-radius: 15px;
		/*backdrop-filter: blur(3px); /* 高斯模糊效果 */
		/*background-color: rgba(255, 255, 255, 0.4); /* 半透明背景 */
		/*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); /* 添加阴影效果 */
	}
	.button-all:active {
		opacity: 0.5;
	    filter: brightness(90%);
		transform: translateY(2px) translateX(2px);
	}
	
	.no_data{
		width: 100%; /* 设置宽度 */
		height: 80vh; /* 设置高度 */
		background-image: url('@/static/img/no-data.png'); 
		background-size: 75vw 75vw;
		background-position: center 10vh;
		background-repeat: no-repeat; /* 不重复背景图片 */
	}
	
</style>