lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-24 16:27:23 +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
src/layout/components/PlayBar.vue
+12 -1
View File
@@ -36,6 +36,10 @@
</div> </div>
<n-slider v-model:value="volumeSlider" :step="0.01" :tooltip="false"></n-slider> <n-slider v-model:value="volumeSlider" :step="0.01" :tooltip="false"></n-slider>
</div> </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> <audio ref="audio" :src="playMusicUrl" :autoplay="play"></audio>
</div> </div>
@@ -192,10 +196,17 @@ const playMusicEvent = async () => {
} }
.audio-volume { .audio-volume {
width: 180px; width: 140px;
@apply flex items-center mx-4; @apply flex items-center mx-4;
.iconfont { .iconfont {
@apply text-2xl hover:text-green-500 transition cursor-pointer mr-4; @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> </style>