lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-03 14:20:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

添加两个按钮

Browse Source
This commit is contained in:
algerkong
2021-07-22 17:31:43 +08:00
parent 512f7b52bb
commit bead4926ae
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/layout/components/PlayBar.vue
View File

@@ -36,6 +36,10 @@
</div>
<n-slider v-model:value="volumeSlider" :step="0.01" :tooltip="false"></n-slider>
</div>
<div class="audio-button">
<i class="iconfont icon-likefill"></i>
<i class="iconfont icon-full"></i>
</div>
<!-- 播放音乐 -->
<audio ref="audio" :src="playMusicUrl" :autoplay="play"></audio>
</div>
@@ -192,10 +196,17 @@ const playMusicEvent = async () => {
}
.audio-volume {
width: 180px;
width: 140px;
@apply flex items-center mx-4;
.iconfont {
@apply text-2xl hover:text-green-500 transition cursor-pointer mr-4;
}
}
.audio-button {
@apply flex items-center mx-4;
.iconfont {
@apply text-2xl hover:text-green-500 transition cursor-pointer m-4;
}
}
</style>