1import React from 'react'; 2import ComplexAppBar from '@/components/base/ComplexAppBar'; 3import LocalMusicSheet from '@/core/localMusicSheet'; 4import {ROUTE_PATH, useNavigate} from '@/entry/router'; 5import LocalMusicList from './localMusicList'; 6import MusicBar from '@/components/musicBar'; 7 8export default function MainPage() { 9 const navigate = useNavigate(); 10 return ( 11 <> 12 <ComplexAppBar 13 title="本地音乐" 14 onSearchPress={() => { 15 navigate(ROUTE_PATH.SEARCH_MUSIC_LIST, { 16 musicList: LocalMusicSheet.getMusicList(), 17 }); 18 }} 19 menuOptions={[ 20 { 21 icon: 'magnify', 22 title: '扫描本地音乐', 23 async onPress() { 24 navigate(ROUTE_PATH.LOCAL_SCAN); 25 }, 26 }, 27 { 28 icon: 'playlist-edit', 29 title: '批量编辑', 30 async onPress() { 31 navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, { 32 musicList: LocalMusicSheet.getMusicList(), 33 }); 34 }, 35 }, 36 ]} 37 /> 38 <LocalMusicList /> 39 <MusicBar /> 40 </> 41 ); 42} 43