feat: 第一次上传代码

pages/drawer/DrawerHome.vue

@@ -0,0 +1,71 @@
+<template>
+	<view class="drawer-home"> 
+		<view class="drawer-home-nav">
+			<text>抽屉页面</text>
+		</view>
+		
+		<button @click="closeDrawer" type="default">关闭</button>
+		<view class="drawer-list">
+			<view v-for="(item,index) in 100" :key="index">
+				<text class="message-item">{{item}}</text>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script setup>
+	import { defineEmits } from 'vue'
+	const emits = defineEmits(['closeDrawer'])
+	
+	const closeDrawer = () => {
+		emits('closeDrawer')
+		console.log('=============关闭抽屉')
+	}
+	
+</script>
+
+<style lang="scss" scoped>
+	.drawer-home {
+		width: 100%;
+		height: 100vh;
+		background-color: #E9F3F7;
+		padding-top: 44px;
+		
+		.drawer-home-nav {
+			padding: 12px;
+			display: flex;
+			justify-content: center;
+			
+			text {
+				font-size: 20px;
+				text-align: center;
+			}
+		}
+		
+		.drawer-list {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			overflow-y: scroll;
+		}
+		
+		.message-item {
+			display: flex;
+			justify-content: center;
+			background-color: white;
+			margin: 6px 12px;
+			padding: 8px 24px;
+			border-radius: 4px;
+			font-size: 14px;
+			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+			
+			text {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 400;
+				font-size: 14px;
+				color: #333333;
+			}
+		}
+	}
+</style>