From 1cf6d9fb8cf2f10e302509f033d8d55b4e60712c Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Sun, 14 Aug 2022 01:45:42 +0800
Subject: [PATCH] 优化友链布局，月台窗口自适应，处理hls取消后仍然缓存问题
---
src/components/mini/Aplayer.vue | 48 ++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 42 insertions(+), 6 deletions(-)
diff --git a/src/components/mini/Aplayer.vue b/src/components/mini/Aplayer.vue
index 10f36e1..42c0fb9 100644
--- a/src/components/mini/Aplayer.vue
+++ b/src/components/mini/Aplayer.vue
@@ -1,24 +1,60 @@
<template>
- <div >
- <aplayer :audio="audio" fixed style="z-index: 10;" :preload="preload"/>
+ <div class="fade">
+ <a-col v-bind="colMain">
+ <aplayer :audio="audio" :autoplay="autoplay" fixed style="z-index: 10;" :volume="0.1" :preload="preload" />
+ </a-col>
+
+ <!-- <a-modal ref="musicModal" title="" :dialog-style="{ top: '10px' }" :mask="false"
+ :maskClosable="false" :visible="modal1Visible" @ok="() => setModal1Visible(false)" @cancel="() => setModal1Visible(false)">
+ <p>{{secondsToGo}}秒后关闭</p>
+ </a-modal> -->
</div>
</template>
<script>
import APlayer from '@moefe/vue-aplayer';
-
+
export default {
+
data() {
return {
- preload:"none",
+ colMain: {
+ xs: 0,
+ sm: 0,
+ md: 1,
+ lg: 1,
+ xl: 1,
+ xxl: 1
+ },
+ autoplay: false,
+ modal1Visible: true,
+ secondsToGo: 5,
+ preload: "none",
audio: {
name: 'Moonwisher',
artist: 'Kan R. Gao',
- // url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
- url: '/moon.mp3',
+ url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
+ // url: '/moon.mp3',
cover: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130',
},
};
+
+ },
+ created() {
+ // const interval = setInterval(() => {
+ // this.secondsToGo -= 1;
+ // }, 1000);
+
+ // setTimeout(() => {
+ // clearInterval(interval);
+ // this.modal1Visible = false
+ // }, 5000);
+ },
+ methods: {
+ setModal1Visible(modal1Visible) {
+
+ this.modal1Visible = modal1Visible;
+ },
},
};
// var ap = new APlayer({
--
Gitblit v1.9.1