马黑黑 发表于 2022-11-1 22:14
这是用网格布局做的，你研究好之后可以随意的
明白了
小辣椒 发表于 2022-11-1 22:28
明白了
不过，频谱的尺寸要改的地方不多：
一、CSS：
① 总高度
#btnplay { grid-area: btnplay; display: grid; grid-auto-flow: column; place-items: end center; gap: 4px; height: 60px; cursor: pointer; }
② 单个频谱宽度（频谱的总宽度取决单个宽度）
#btnplay > span { background: red; width: 4px; transition: .6s; opacity: .95; }
二、JS 50 是频谱总高度减去 10 得出的数字，要配套上面CSS的设定
for(j=0; j<20; j++) {let pinpu = document.createElement('span');pinpu.className = 'pinpu';pinpu.style.cssText += `height: ${Math.floor(Math.random()*50) + 10}px; background: #${Math.random().toString(16).substr(-6)};`;btnplay.appendChild(pinpu);}
此外，调整播放器的长度，只需调整CSS中的下面这个：
#prog { --ww: 0px; grid-area: prog; width: 300px; height: 12px; ... }
马黑黑 发表于 2022-11-1 22:39
不过，频谱的尺寸要改的地方不多：
一、CSS：
黑黑，你感觉频谱加大放界面中间会影响动图画面吗。我怕影响画面效果
小辣椒 发表于 2022-11-1 22:55
黑黑，你感觉频谱加大放界面中间会影响动图画面吗。我怕影响画面效果
播放器不要太夸张，你现在这个刚刚好，调整的话也不要调的太大
马黑黑 发表于 2022-11-1 22:17
你这回跳着看吧
那句比较靠后，我看着看着就忘记了。
红影 发表于 2022-11-2 10:25
那句比较靠后，我看着看着就忘记了。
可以理解
马黑黑 发表于 2022-11-1 23:46
播放器不要太夸张，你现在这个刚刚好，调整的话也不要调的太大
好的{:4_170:}
小辣椒 发表于 2022-11-2 12:35
好的
{:4_190:}
这个背景色喜欢
绿叶清舟 发表于 2022-11-2 21:59
这个背景色喜欢
黑色背景一般都挺好的
马黑黑 发表于 2022-11-2 22:04
黑色背景一般都挺好的
这个背景是黑的？
绿叶清舟 发表于 2022-11-2 22:11
这个背景是黑的？
黑中带蓝，主色为黑
马黑黑 发表于 2022-11-2 11:52
可以理解
然后跑到JS里去找了，跑错了{:4_173:}
红影 发表于 2022-11-2 22:34
然后跑到JS里去找了，跑错了
正常的
马老师厉害了{:4_178:}
冬天的雨 发表于 2022-11-3 10:20
马老师厉害了
果酱果酱
马黑黑 发表于 2022-11-2 23:01
正常的
学习代码还是要仔细点的好{:4_204:}
红影 发表于 2022-11-3 14:30
学习代码还是要仔细点的好
也是，粗心不得
马黑黑 发表于 2022-11-3 19:03
也是，粗心不得
有时我常常不知哪里错了，就会弄不出来，就是粗心的问题{:4_173:}
红影 发表于 2022-11-3 22:06
有时我常常不知哪里错了，就会弄不出来，就是粗心的问题
粗心的确会错过很多好的机会