diff --git a/src/music.js b/src/music.js index 6a60278..92d32b0 100644 --- a/src/music.js +++ b/src/music.js @@ -8,7 +8,6 @@ export default class MusicList { this.audio = new Audio() this.audio.autoplay = true this.audio.controls = true - this.audio.style.margin = '0 auto' this.audio.style.flexShrink = 0 // 防止在flex中被挤压变形 this.audio.addEventListener('play', () => { this.event.onplay(this.playing) @@ -44,29 +43,18 @@ export default class MusicList { position: 'fixed', top: '5rem', right: '1rem', backgroundColor: '#fff', padding: '.5rem', borderRadius: '1rem', cursor: 'pointer', - minWidth: '20rem', minHeight: '13rem', - maxWidth: '80vw', maxHeight: '80vh', + maxWidth: '20rem', maxHeight: '70vh', overflow: 'hidden', boxShadow: '0 0 1rem #eee', display: 'flex', flexDirection: 'column', fontSize: '12px', userSelect: 'none', - zIndex: '10', resize: 'auto', + zIndex: '10', }, - onclick() { + onclick: event => { this.ul.classList.toggle('disable') }, - onmousedown({ srcElement: dom, clientX, clientY, offsetX, offsetY }) { + onmousedown({ srcElement: dom, clientX, clientY }) { if (dom !== element) return - if (offsetX > dom.clientWidth - 20 && offsetY > dom.clientHeight - 20) { - document.onmouseup = () => { - const [w, h] = [innerWidth - dom.clientWidth, innerHeight - dom.clientHeight] - if (dom.offsetLeft > w) dom.style.width = innerWidth - dom.offsetLeft + 'px' - if (dom.offsetTop > h) dom.style.height = innerHeight - dom.offsetTop + 'px' - document.onmouseup = null - localStorage.setItem('playerWH', dom.style.width + ',' + dom.style.height) - } - return - } - const [w, h] = [innerWidth - dom.clientWidth, innerHeight - dom.clientHeight] + const [w, h] = [innerWidth - dom.offsetWidth, innerWidth - dom.offsetHeight] document.onmouseup = () => { if (dom.offsetLeft < 0) dom.style.left = '0px' if (dom.offsetTop < 0) dom.style.top = '0px'