<template>
	<view :class="[className, Tab?'tabpage':'page']" :style="inStyle">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: "Page",
		props: {
			Tab: {
				type: Boolean,
				default: false
			},
			className: {
				type: String || Array,
				default: ''
			},
			inStyle:{
				type: String || Object,
				default: ''
			}
		},
		data() {
			return {
				_curPage: {},
				_curDeep: 0
			}
		},
		mounted() {
			const pages = getCurrentPages();
			const len = pages.length
			this.curPage = pages[len - 1];
			this._curDeep = len;
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
 
</style>
