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 | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/components/mini/Aplayer.vue b/src/components/mini/Aplayer.vue
index cb0f163..9421d4d 100644
--- a/src/components/mini/Aplayer.vue
+++ b/src/components/mini/Aplayer.vue
@@ -1,6 +1,9 @@
<template>
<div class="fade">
- <aplayer :audio="audio" 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)">
@@ -13,9 +16,23 @@
import APlayer from '@moefe/vue-aplayer';
export default {
-
+ created() {
+ this.$nextTick(function() {
+ this.$message.info("stop..")
+ this.$refs.myAplayer.pause();
+ })
+ },
data() {
return {
+ colMain: {
+ xs: 0,
+ sm: 0,
+ md: 1,
+ lg: 1,
+ xl: 1,
+ xxl: 1
+ },
+ autoplay: false,
modal1Visible: true,
secondsToGo: 5,
preload: "none",
--
Gitblit v1.9.1