<template>
	<div id="main">
		<div class="mainBox" :class="!plus ? 'common_bottom':''">
			<!--name="router-fade" mode="out-in"-->
			<transition >
			<router-view></router-view>
			</transition>
		</div>
		<footer-md v-if="!plus"></footer-md>
	</div>

</template>

<script>
	export default {
		name: 'hello',
		data() {
			return {
				plus:mui.os.plus
				
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
	#main {
		width: 100%;
		height:100%;
	}
</style>