diff --git a/src/routes/playlists/[category]/+page.svelte b/src/routes/playlists/[category]/+page.svelte
index dc01112..e970e1b 100644
--- a/src/routes/playlists/[category]/+page.svelte
+++ b/src/routes/playlists/[category]/+page.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-  import AppBar from "../../../components/appbar/AppBar.svelte";
-import ImageListItem from "../../../components/listitem/ImageListItem.svelte";
+  import { goto } from "$app/navigation"
+  import AppBar from "../../../components/appbar/AppBar.svelte"
+  import ImageListItem from "../../../components/listitem/ImageListItem.svelte"
+  import MenuItem from "../../../components/material3/MenuItem.svelte"
   import type { PageProps } from "./$types"
 
   let { data }: PageProps = $props()
 </script>
 
-<AppBar title={data.isMine ? '我的歌单' : '推荐歌单'} right={[
-  // TODO
-  {icon: "i-material-symbols:more-vert", onclick: () => alert('More clicked')}
-]} />
+<AppBar title={data.isMine ? '我的歌单' : '推荐歌单'}>
+  <MenuItem icon="i-material-symbols:download" onclick={() => goto("/import/netease")}>从网易云导入</MenuItem>
+</AppBar>
 
 <div class="vbox p-content gap-12px">
   {#each data.playlists as pl}