From eeef9f3413151bea79690aac4abb737aff0cb6c8 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 23 Aug 2022 18:55:22 +0800 Subject: [PATCH] 图片demo --- src/components/mini/Aplayer.vue | 16 +++++++++++----- 1 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/mini/Aplayer.vue b/src/components/mini/Aplayer.vue index ef7612d..9421d4d 100644 --- a/src/components/mini/Aplayer.vue +++ b/src/components/mini/Aplayer.vue @@ -1,8 +1,9 @@ <template> <div class="fade"> - <!-- <a-col v-bind="colMain"> - </a-col> --> - <aplayer :audio="audio" :autoplay="autoplay" fixed style="z-index: 10;" :volume="0.1" :preload="preload" /> + <a-col v-bind="colMain"> + <aplayer ref="myAplayer" :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)"> @@ -15,7 +16,12 @@ import APlayer from '@moefe/vue-aplayer'; export default { - + created() { + this.$nextTick(function() { + this.$message.info("stop..") + this.$refs.myAplayer.pause(); + }) + }, data() { return { colMain: { @@ -26,7 +32,7 @@ xl: 1, xxl: 1 }, - autoplay:false, + autoplay: false, modal1Visible: true, secondsToGo: 5, preload: "none", -- Gitblit v1.9.1