|
@@ -12,18 +12,14 @@
|
|
|
<image
|
|
|
@click="goBack"
|
|
|
style="width: 60rpx; height: 60rpx"
|
|
|
- src="/src/static/icon/Left.svg"
|
|
|
+ src="@/static/icon/Left.svg"
|
|
|
></image>
|
|
|
</view>
|
|
|
|
|
|
<view class="player-content">
|
|
|
<!-- 播放图片 -->
|
|
|
<view class="record-player">
|
|
|
- <image
|
|
|
- src="/src/static//icon/fi-rr-big-play.svg"
|
|
|
- alt="Record Player"
|
|
|
- class="record-image"
|
|
|
- />
|
|
|
+ <image src="@/static/icon/fi-rr-big-play.svg" alt="Record Player" class="record-image" />
|
|
|
</view>
|
|
|
<!-- 播放按钮 -->
|
|
|
<view class="track-info">
|
|
@@ -36,8 +32,8 @@
|
|
|
style="width: 32rpx; height: 32rpx"
|
|
|
:src="
|
|
|
song.favorite
|
|
|
- ? '/src/static/icon/fi-rr-heart-grey.svg'
|
|
|
- : '/src/static/icon/fi-rr-heart.svg'
|
|
|
+ ? '@/static/icon/fi-rr-heart-grey.svg'
|
|
|
+ : '@/static/icon/fi-rr-heart.svg'
|
|
|
"
|
|
|
></image>
|
|
|
</view>
|
|
@@ -66,48 +62,42 @@
|
|
|
<view class="control-btn" @click="palyCycleBtn">
|
|
|
<image
|
|
|
style="width: 32rpx; height: 32rpx"
|
|
|
- src="/src/static/icon/fi-rr-refresh.svg"
|
|
|
+ src="@/static/icon/fi-rr-refresh.svg"
|
|
|
></image>
|
|
|
</view>
|
|
|
<!-- 上一曲 -->
|
|
|
<view class="control-btn" @click="previousSongBtn">
|
|
|
- <image
|
|
|
- style="width: 48rpx; height: 32rpx"
|
|
|
- src="/src/static/icon/Group-left.svg"
|
|
|
- ></image>
|
|
|
+ <image style="width: 48rpx; height: 32rpx" src="@/static/icon/Group-left.svg"></image>
|
|
|
</view>
|
|
|
<!-- 播放 暂停 -->
|
|
|
<view class="control-paly" @click="togglePlayPause">
|
|
|
<button class="control-btn pause-btn" v-if="isPlaying">
|
|
|
- <image style="width: 40rpx; height: 40rpx" src="/src/static/icon/Vector.svg"></image>
|
|
|
+ <image style="width: 40rpx; height: 40rpx" src="@/static/icon/Vector.svg"></image>
|
|
|
</button>
|
|
|
<button class="control-btn pause-btn" v-else>
|
|
|
<view class="control-Vector">
|
|
|
<image
|
|
|
style="width: 8rpx; height: 40rpx"
|
|
|
- src="/src/static/icon/Vector-paly.svg"
|
|
|
+ src="@/static/icon/Vector-paly.svg"
|
|
|
></image>
|
|
|
</view>
|
|
|
<view class="control-Vector">
|
|
|
<image
|
|
|
style="width: 8rpx; height: 40rpx"
|
|
|
- src="/src/static/icon/Vector-paly.svg"
|
|
|
+ src="@/static/icon/Vector-paly.svg"
|
|
|
></image>
|
|
|
</view>
|
|
|
</button>
|
|
|
</view>
|
|
|
<!-- 下一曲 -->
|
|
|
<view class="control-btn" @click="nextSongBtn">
|
|
|
- <image
|
|
|
- style="width: 48rpx; height: 32rpx"
|
|
|
- src="/src/static/icon/Group-right.svg"
|
|
|
- ></image>
|
|
|
+ <image style="width: 48rpx; height: 32rpx" src="@/static/icon/Group-right.svg"></image>
|
|
|
</view>
|
|
|
<!-- -->
|
|
|
<view class="control-btn">
|
|
|
<image
|
|
|
style="width: 32rpx; height: 32rpx"
|
|
|
- src="/src/static/icon/fi-rr-shuffle.svg"
|
|
|
+ src="@/static/icon/fi-rr-shuffle.svg"
|
|
|
></image>
|
|
|
</view>
|
|
|
</view>
|