tab栏切换，显示不同内容

<template>
	<view class="content">
		<view class="content-select">
			<u-navbar title="领用审核" :autoBack="true">
			</u-navbar>
			<u-tabs :list="tabsList" :scrollable="false" @change="tabsChange" :current="tabsCurrent">
			</u-tabs>
				<view class="select-info">
				<view v-if="tabsCurrent === 0">
                  <view>
					嘻嘻嘻嘻
				  </view>
				</view>
				<!-- 价值审核 -->
				<view v-if="tabsCurrent === 1">
				  <view>
				    哈哈哈哈
				  </view>
				</view>
			</view>
		</view>
		</view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabsCurrent: 0,
				tabsList: [{
					name: "管理审核"
				}, {
					name: "价值审核"
				}],
				tabsCurrent:0,
			};
		},
		methods: {
			// tab切换 
			tabsChange(e) {
				switch (e.index) {
					case 0:
						this.tabsCurrent = e.index;
						break;
					case 1:
						this.tabsCurrent = e.index;
						break;
				}
			},
			change() {
				this.requestInfo.pageNum = 1;
				this.getsubmitList();
			},
		},
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #fff;
	}
	.content {
		height: 100vh !important;
		display: flex;
		width: 100%;
		flex-direction: column;

		/deep/ .u-navbar {
			.u-navbar--fixed {
				.u-navbar__content {
					height: 50px !important;
				}
			}
		}

		.content-select {
			background-color: #fff;
			margin-top: calc(50px + var(--status-bar-height));

			.select-info {
				padding: 10px 10px 0 15px;

				/deep/.uni-forms-item {
					margin-bottom: 5px;
				}
			}
		}

	}
</style>