1
0
mirror of https://github.com/hanxi/xiaomusic.git synced 2025-12-08 15:08:12 +08:00

feat: #106 网页上显示音箱当前状态(播放中or空闲中)以及当前的播放模式

This commit is contained in:
涵曦
2024-07-11 11:09:12 +00:00
parent 0189a00155
commit ee6f4ee4e4
5 changed files with 55 additions and 39 deletions

View File

@@ -29,35 +29,6 @@ input,select {
height: 40px;
}
.container{
width: 280px;
overflow: hidden;
display: inline-block;
}
@keyframes text-scroll {
0% {
left: 100%;
}
25% {
left: 50%;
}
50% {
left: 0%;
}
75% {
left: -50%;
}
100% {
left: -100%;
}
}
.text {
white-space: nowrap;
font-weight: bold;
position: relative;
animation: text-scroll 10s linear infinite;
}
.rows {
display: flex;
flex-direction: column;
@@ -97,3 +68,12 @@ footer {
vertical-align: middle; /* 确保与复选框垂直居中对齐 */
margin-left: 1px; /* 给复选框和标签之间一些距离,如果需要的话 */
}
.text {
margin: 10px;
width: 150px;
height: 50px;
text-align: center;
text-decoration: none;
display: inline-block;
}