| commit | author | age | ||
| 019990 | 1 | <template> |
| f9c38e | 2 | <div class="fade"> |
| 146176 | 3 | <a-col v-bind="colMain"> |
| ec97e0 | 4 | <aplayer :audio="audio" :autoplay="autoplay" fixed style="z-index: 10;" :volume="0.1" :preload="preload" /> |
| 146176 | 5 | </a-col> |
| 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 | }, | |
| 146176 | 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> | |
