<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>