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

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "components/uview-ui/index.scss";
	/*每个页面公共css */
	@import "static/colorui/main.css";
	@import "static/colorui/icon.css";
	page,
	uni-page {
		background-color: var(--c-bg-3);
		color: var(--c-txt-1);
		font-size: var(--f-size-2);

		/* font-size */
		--f-size-1: 24rpx;
		--f-size-2: 28rpx;
		--f-size-3: 32rpx;
		--f-size-4: 36rpx;
		--f-size-5: 40rpx;
		--f-size-6: 44rpx;

		/* color | background */
		--c-txt-1: #000000;
		--c-txt-2: #95A1A6;
		--c-txt-3: #464646;
		--c-txt-4: #ff0000;

		--c-bg-1: #000000;
		--c-bg-2: #7E7F94;
		--c-bg-3: #ffffff;

		/* padding-left | right */
		--pad-lr: 32rpx;

		/* navbar-height */
		--h-head: 96rpx;

		/* input placeholder text color */
		--c-input-holder: #696a7f;


	}
	
	/* init button */

	uni-button,
	button {
		margin: 0;
		padding: 0;
		color: var(--c-txt-1);
		background-color: var(--c-bg-1);
	}

	uni-button:after,
	button:after {
		border: none;
		width: 100%;
		height: 100%;
	}

	.button-hover {
		color: inherit;
		background-color: inherit;
	}

	init img uni-image>img,
	img {
		vertical-align: middle;
	}

	.l-status {
		width: 100%;
		height: var(--status-bar-height);
		background-color: transparent;
	}

	/* clear both  */
	.l-clear-both:after {
		content: ' ';
		display: block;
		width: 0;
		height: 0;
		clear: both;
		zoom: 1;
	}

	/* navbar -fixed -placeholder */
	.content {
		position: relative;
	}

	.l-fixed {
		position: fixed;
		width: 100%;
		z-index: 999;
		top: 0;
		background-color: var(--c-bg-3);
	}

	.l-placeholder {
		width: 100%;
		/* #ifndef MP-WEIXIN */
		height: calc(var(--status-bar-height) + var(--h-head));
		/* #endif */

		/* #ifdef MP-WEIXIN */
		height: var(--h-head);
		/* #endif */
	}

	/* l-head-search */

	/* l-swiper */

	.l-body {
		padding: 0 var(--pad-lr);
	}

	.l-carousel-img {
		width: 100%;
		height: 100%;
	}

	/* l-icon */

	.l-icon-more {
		width: 30rpx;
		/* height: 27rpx; */
		vertical-align: middle;
		margin-left: 12rpx;
	}
</style>