xref: /MusicFree/src/pages/topList/index.tsx (revision 410a159129b1f6a7a1f44fde7bfad9a46f91e161)
1import React from 'react';
2import TopListBody from './components/topListBody';
3import MusicBar from '@/components/musicBar';
4import VerticalSafeAreaView from '@/components/base/verticalSafeAreaView';
5import globalStyle from '@/constants/globalStyle';
6import HorizonalSafeAreaView from '@/components/base/horizonalSafeAreaView';
7import AppBar from '@/components/base/appBar';
8
9export default function TopList() {
10    return (
11        <VerticalSafeAreaView style={globalStyle.fwflex1}>
12            <AppBar withStatusBar>榜单</AppBar>
13            <HorizonalSafeAreaView style={globalStyle.flex1}>
14                <TopListBody />
15            </HorizonalSafeAreaView>
16            <MusicBar />
17        </VerticalSafeAreaView>
18    );
19}
20