uniapp中view标题栏显示隐藏

<template>
	<view class="page">
		<view class="box">
			<view>一级导航栏✔</view>
			<view class="list">
				<view>二级导航栏</view>
				<view>三级导航栏</view>
				<view>四级导航栏</view>
				<view>五级导航栏</view>
			</view>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.page{
		width: 100%;
		.box{
			width: 200rpx;
			height: 200rpx;
			// background-color: pink;
			&:hover .list{
				display: block;
			}
			.list{
				display:none;
			}
		}
	}
</style>