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