图标更换

src/views/myResources/personalResources/index.vue

@@ -13,7 +13,8 @@
 								:key="item.key"
 								@click="handleClick(item)"
 							>
-								<AliwangwangOutlined />
+								<component :is="item.icon" />
+								<!-- <AliwangwangOutlined /> -->
 								{{ item.label }}
 							</li>
 						</ul>
@@ -34,7 +35,16 @@
 	import myResources from '../myResources.vue'
 	import { ref, reactive, computed, onMounted, defineAsyncComponent } from 'vue'
 	import { useRouter, useRoute } from 'vue-router'
-
+	import {
+		HomeOutlined,
+		FolderOutlined,
+		StarOutlined,
+		BookOutlined,
+		QuestionCircleOutlined,
+		BankOutlined,
+		SolutionOutlined,
+		ScheduleOutlined
+	} from '@ant-design/icons-vue'
 	const router = useRouter()
 	const route = useRoute()
 
@@ -48,50 +58,50 @@
 	const menuItems = ref([
 		{
 			key: 'home',
-			icon: 'icon-home',
+			icon: HomeOutlined,
 			label: '我的主页',
 			title: '我的主页'
 		},
 		{
 			key: 'resources',
-			icon: 'icon-resources',
+			icon: FolderOutlined,
 			label: '我的资源',
 			title: '我的资源'
 		},
 		{
 			key: 'favorites',
-			icon: 'icon-favorites',
+			icon: StarOutlined,
 			label: '我的收藏',
 			title: '我的收藏'
 		},
 		{
 			key: 'albums',
-			icon: 'icon-albums',
+			icon: BookOutlined,
 			label: '我的课程专辑',
 			title: '我的课程专辑'
 		},
 		{
 			key: 'questionBank',
-			icon: 'icon-questionBank',
+			icon: QuestionCircleOutlined,
 			label: '我的题库',
 			title: '我的题库'
 		},
 		{
 			key: 'classroom',
-			icon: 'icon-classroom',
+			icon: BankOutlined,
 			label: '我的教室',
 			title: '我的教室'
 		},
 		{
 			key: 'courses',
 			label: '我的课程',
-			icon: 'icon-courses',
+			icon: SolutionOutlined,
 			title: '我的课程'
 		},
 		{
 			key: 'tasks',
 			label: '我的任务',
-			icon: 'icon-tasks',
+			icon: ScheduleOutlined,
 			title: '我的任务'
 		}
 	])