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",