新增播放室页面,支持歌曲播放进度条拖拽功能。在播放队列存储中添加当前播放时间和总时长状态。更新播放器组件以支持跳转到播放室页面,并集成GSAP动画库用于实现进度条拖拽效果。
26 lines
644 B
TypeScript
26 lines
644 B
TypeScript
import { createApp } from 'vue'
|
|
import { createWebHashHistory, createRouter } from 'vue-router'
|
|
import './style.css'
|
|
import { createPinia } from 'pinia'
|
|
|
|
import App from './App.vue'
|
|
import HomePage from './pages/Home.vue'
|
|
import AlbumDetailView from './pages/AlbumDetail.vue'
|
|
import Playroom from './pages/Playroom.vue'
|
|
|
|
const routes = [
|
|
{ path: '/', component: HomePage },
|
|
{ path: '/albums/:albumId', component: AlbumDetailView },
|
|
{ path: '/playroom', component: Playroom }
|
|
]
|
|
|
|
const router = createRouter({
|
|
history: createWebHashHistory(),
|
|
routes
|
|
})
|
|
|
|
const pinia = createPinia()
|
|
|
|
createApp(App).use(router).use(pinia).mount('#app')
|
|
|