<template>
	<view class="container">
		<view class="header">
			<navigator class="t" hover-class="none">历史记录</navigator>
			<navigator class="t" hover-class="none">管理</navigator>
		</view>
		<view class="list">
			<view class="item" v-for="item in 5" :key="item"></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style scoped lang="scss">
$height: 40px;
.header {
	width: 100%;
	height: $height;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 $paddingSize;
	.t {
		margin-left: $paddingSize;
		color: #999;
	}
}
.list {
	padding: $height $paddingSize $paddingSize;
	.item {
		border-radius: 20upx;
		height: 100px;
		background-color: #fff;
		margin-top: $paddingSize;
	}
}
</style>
