tourism/uni_merchants_enter/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 lang='scss'>
	/*每个页面公共css */
	@import "@/uni_modules/uview-ui/index.scss";
	@import '@/uni_modules/uni-scss/index.scss';
		@import "colorui/main.css";
		@import "colorui/icon.css";
		@import '@/style/icon/iconfont_colors.css';
		@import '@/style/icon/iconfont.css';
		.content{
			padding-bottom:150rpx;
		}
		.wrap{
			background:#fff;
			border-radius:20rpx;
			margin:20rpx;
			padding:20rpx;
		}
		.caution{
			color:red;
		}
		.footer{
			position:fixed;
			bottom:0;
			left:0;
			background:#fff;
			width:100%;
			z-index:10;
			padding:30rpx 0;
			.submit{
				background:#5F7DE9;
				color:#fff;
				width:90%;
			}
		}
		.button,.unable_button,.default_button,.caution_button{
			background:#5F7DE9;
			color:#fff;
			padding:5rpx 20rpx;
			border-radius: 10rpx;
		}
		.default_button{
			background:#fff;
			color:#000;
			border:2rpx solid #5F7DE9;
		}
		.caution_button{
			background:red;
		}
		.unable_button{
			background:#999;
		}
		.flex{
			display:flex;
		}
		.justify-space-between{
			justify-content: space-between;
		}
		.align-item-center{
			align-items: center;
		}
		.align-items-flex-start{
			align-items: flex-start;
		}
</style>