<template>
<view class="h
-full w
-full bg
-black
-5 flex flex
-col justify
-stretch
overflow-hidden">
<custom
-nav
-bar></custom
-nav
-bar>
<!
-- 背景图片
-->
<view
:style="{'background
-image': cacheStore.historyPlays[0].al.picUrl?`url(${cacheStore.historyPlays[0].al.picUrl})`:'/static/logo.png'}"
class="bg
-60% bg
-no
-repeat absolute inset
-0 w
-full h
-full object
-cover scale
-[1.1] blur
-md
overflow-hidden">
</view>
<UserDetailTop class="z
-10" :items="cacheStore.historyPlays[0]" :description="description"></UserDetailTop>
<view class="z
-20 rounded
-tl
-[18rpx] rounded
-tr
-[18rpx] bg
-black
-5 grow relative">
<view class="!h
-full absolute left
-0 right
-0 bottom
-0">
<Subtitle icon="icon
-menu" icon
-size="63rpx" class="!justify
-end bg
-black
-5 px
-[52rpx] h
-[63rpx]"
:style="{ top: 44 + useStatusBarHeight().value + 'px' }">
<template #title>
<text class="text
-grey
-15 inline
-block align
-middle mr
-[15rpx] font
-[30rpx]">
播放
全部
</text>
<view class="flex items
-center h
-[65rpx]">
<button
class="h
-[63rpx] w
-[63rpx] m
-0 rounded
-full bg
-blue
-1 text
-white
-3 flex justify
-center items
-center"
@tap="audioStore.onPlay(audioStore.mode === 'random' ? rangeRandom(0, cacheStore.historyPlays.length) : 0, cacheStore.historyPlays)">
<JIcon class="icon
-ic_play_rc text
-[42rpx]" />
</button>
</view>
</template>
</Subtitle>
<view class="box
-border
overflow-y
-scroll h
-full pt
-[26rpx] pb
-[var(
--save
-bottom)]">
<!
-- #ifdef H5
-->
<H5BackTransition :ref="(el: any) => el?.open()" class="h
-full">
<!
-- #endif
-->
<view class="h
-full animate
-enter
-content bg
-black
-5 px
-[28rpx] after:block">
<Song v
-for="(song, index) in cacheStore.historyPlays" :key="song.id" class="animate
-content" :song="song"
:is
-play="audioStore.currentSongInfo?.song.id === song.id && audioStore.isPlay"
:is
-run="audioStore.currentSongInfo?.song.id === song.id"
:cannot
-play="audioStore.currentSongInfo?.song.id === song.id && !audioStore.currentSongInfo?.urlInfo.url"
@click="audioStore.onPlay(index, cacheStore.historyPlays.slice())" />
</view>
<!
-- #ifdef H5
-->
</H5BackTransition>
<!
-- #endif
-->
</view>
</view>
</view>
</view>
<PlayController />
</template>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
