宿命

小辣椒

马黑黑 发表于 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
播放器不要太夸张，你现在这个刚刚好，调整的话也不要调的太大

好的

马黑黑

小辣椒 发表于 2022-11-2 12:35
好的

绿叶清舟

这个背景色喜欢

马黑黑

绿叶清舟 发表于 2022-11-2 21:59
这个背景色喜欢

黑色背景一般都挺好的

绿叶清舟

马黑黑 发表于 2022-11-2 22:04
黑色背景一般都挺好的

这个背景是黑的？

马黑黑

绿叶清舟 发表于 2022-11-2 22:11
这个背景是黑的？

黑中带蓝，主色为黑

红影

马黑黑 发表于 2022-11-2 11:52
可以理解

然后跑到JS里去找了，跑错了

马黑黑

红影 发表于 2022-11-2 22:34
然后跑到JS里去找了，跑错了

正常的

冬天的雨

马老师厉害了

马黑黑

冬天的雨 发表于 2022-11-3 10:20
马老师厉害了

果酱果酱

红影

马黑黑 发表于 2022-11-2 23:01
正常的

学习代码还是要仔细点的好

马黑黑

红影 发表于 2022-11-3 14:30
学习代码还是要仔细点的好

也是，粗心不得

红影

马黑黑 发表于 2022-11-3 19:03
也是，粗心不得

有时我常常不知哪里错了，就会弄不出来，就是粗心的问题

马黑黑

红影 发表于 2022-11-3 22:06
有时我常常不知哪里错了，就会弄不出来，就是粗心的问题

粗心的确会错过很多好的机会