inleft
2022-08-24 38a800ff006e7d90342ceb53ad547a8aaa2bd4d5
commit | author | age
019990 1 <template>
f9c38e 2     <div class="fade">
146176 3         <a-col v-bind="colMain">
6461f5 4             <aplayer ref="myAplayer" :audio="audio" :autoplay="autoplay" fixed style="z-index: 10;" :volume="0.1"
I 5                 :preload="preload" />
146176 6         </a-col>
7b98c8 7
I 8         <!-- <a-modal ref="musicModal" title="" :dialog-style="{ top: '10px' }" :mask="false"
9         :maskClosable="false"    :visible="modal1Visible" @ok="() => setModal1Visible(false)" @cancel="() => setModal1Visible(false)">
10             <p>{{secondsToGo}}秒后关闭</p>
11         </a-modal> -->
019990 12     </div>
I 13 </template>
14
15 <script>
16     import APlayer from '@moefe/vue-aplayer';
7b98c8 17
019990 18     export default {
6461f5 19         created() {
I 20             this.$nextTick(function() {
21                 this.$message.info("stop..")
22                 this.$refs.myAplayer.pause();
23             })
24         },
019990 25         data() {
I 26             return {
ec97e0 27                 colMain: {
I 28                     xs: 0,
29                     sm: 0,
30                     md: 1,
31                     lg: 1,
32                     xl: 1,
33                     xxl: 1
34                 },
146176 35                 autoplay: false,
7b98c8 36                 modal1Visible: true,
I 37                 secondsToGo: 5,
38                 preload: "none",
019990 39                 audio: {
I 40                     name: 'Moonwisher',
41                     artist: 'Kan R. Gao',
7b98c8 42                     url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
I 43                     // url: '/moon.mp3',
019990 44                     cover: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130',
I 45                 },
46             };
7b98c8 47
I 48         },
49         created() {
50             // const interval = setInterval(() => {
51             //     this.secondsToGo -= 1;
52             // }, 1000);
53
54             // setTimeout(() => {
55             //     clearInterval(interval);
56             //     this.modal1Visible = false
57             // }, 5000);
58         },
59         methods: {
60             setModal1Visible(modal1Visible) {
61
62                 this.modal1Visible = modal1Visible;
63             },
019990 64         },
I 65     };
66     // var ap = new APlayer({
67     //                    element: document.getElementById('player1'),
68     //                    narrow: false,
69     //                    autoplay: false,
70     //                    listFolded:true,
71     //                    audio:[
72
73     //                            {
74     //                             title: 'Wish My Life Away',
75     //                             author: 'Kan R. Gao / Laura Shigihara',
76     //                             url: 'http://music.163.com/song/media/outer/url?id=529668945.mp3',
77     //                             pic: 'http://p1.music.126.net/2VSSz_JLHtggZqmquFO_tw==/109951163106305809.jpg?param=130y130'
78     //                            }, 
79     //                            {
80     //                                title: 'Moonwisher',
81     //                                author: 'Kan R. Gao',
82     //                                url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
83     //                                pic: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130'
84     //                            },
85     //                            {
86     //                             title: 'For River - Piano (Johnny\'s Version)',
87     //                             author: 'Kan R. Gao',
88     //                             url: 'http://music.163.com/song/media/outer/url?id=1645112.mp3',
89     //                             pic: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130'
90     //                            },
91     //                             {
92     //                                title: '花火が瞬く夜に',
93     //                                author: '羽肿',
94     //                                url: 'http://music.163.com/song/media/outer/url?id=434902428.mp3',
95     //                                pic: 'http://p1.music.126.net/f7Nd9FSzVZMkTPWDW_rnOg==/736672800839982.jpg?param=130y130'
96     //                            }
97     //                        ]
98     //                     });
99 </script>
100
101 <style>
102 </style>