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

<style lang="scss">
/*每个页面公共css */
@import "tailwindcss/base";
@import "tailwindcss/utilities";

*,
page,
view,
text {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

*::-webkit-scrollbar {
	height: 0px;
	width: 0px;
	/* 横向滚动条高度 */
}

*::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 0px;
}

*::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 0px;
}

*::-webkit-scrollbar-thumb:horizontal {
	background: #fff;
	/* 横向滚动条thumb颜色 */
}

*::-webkit-scrollbar-track:horizontal {
	background: #fff;
	/* 横向滚动条轨道颜色 */
}

page {
	// min-height: calc(100vh - 44px);
	min-height: calc(100dvh);
	background-color: rgb(247 248 250);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding-top: var(--status-bar-height);
}

.content {
	display: flex;
	height: 100%;
	flex: 1;
	flex-direction: column;
}

.line2 {
	display: -webkit-box;
	margin-bottom: 5px;
	max-height: 44px;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 5px;
	max-height: 44px;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}



@keyframes warn {
	0% {
		transform: scale(.5);
		opacity: 1
	}

	30% {
		opacity: .7
	}

	to {
		transform: scale(2.5);
		opacity: 0
	}
}

.warn-state {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: middle
}

.warn-status-processing {
	position: relative
}

.warn-status-processing:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: inherit;
	content: "";
	animation: warn 1.2s ease-in-out infinite
}
</style>
