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:calc(-15vw - 10px);
	}

	.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.8;
	    filter: brightness(90%);
		transform: translateY(2px) translateX(2px);
	}
	.button-all::after{
		display: none;
	}
	
	.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; /* 不重复背景图片 */
	}
	.divider{
		width: 100%;
		height: 1px;
		background-color: #ccc;
	}
	
	.bottom-button{
		height: 50px;
		color: #fff;
		margin: 0 10px;
		width: calc(100vw - 60px);
		position: fixed; 
		bottom: 30px;
		border-radius: 50px;
		background-color: #1678ff;
	}
	.bottom-button:active{
		opacity: 0.7;
		filter: brightness(80%);
	}
</style>