74 lines
1.9 KiB
HTML
74 lines
1.9 KiB
HTML
|
<hbox id="bottom">
|
||
|
|
<hbox width="256">
|
||
|
|
<spacer width="47"></spacer>
|
||
|
|
<label width="38" height="38" id="up"></label>
|
||
|
|
<spacer width="18"></spacer>
|
||
|
|
<tablayout id="mediaCtl" width="46" height="46">
|
||
|
|
<label id="play"></label>
|
||
|
|
<label id="pause"></label>
|
||
|
|
</tablayout>
|
||
|
|
<spacer width="18"></spacer>
|
||
|
|
<label width="38" height="38" id="next"></label>
|
||
|
|
<spacer width="24"></spacer>
|
||
|
|
</hbox>
|
||
|
|
<label id="labelSinger" width="53" height="53">
|
||
|
|
</label>
|
||
|
|
<spacer width="10"></spacer>
|
||
|
|
<vbox style="color:rgb(255,255,255)" class="a b c ddd">
|
||
|
|
<label id="songName" ellipsis="..." halign="left" text="酷🐕音乐xxx" height="40"></label>
|
||
|
|
<hbox id="playerBar" style="background-color: rgba(200,200,200,76);border-radius:5" height="5">
|
||
|
|
<label id="playerBar2" style="background-color:#FFFEA1" width="5"></label>
|
||
|
|
</hbox>
|
||
|
|
</vbox>
|
||
|
|
<label id="labelTime" text="00:00/00:00" width="130" style="color:#ffffff"></label>
|
||
|
|
<checkbox id="deskLrc" width="76" text="桌面歌词" style="color:#ffffff"></checkbox>
|
||
|
|
</hbox>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
#deskLrc {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
#deskLrc:checked {
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#labelSinger {
|
||
|
|
border: 5px #ffd800;
|
||
|
|
border-style: solid;
|
||
|
|
border-radius:20px;
|
||
|
|
background-image: "res/imgs/headImg.jpg";
|
||
|
|
}
|
||
|
|
|
||
|
|
#up {
|
||
|
|
fore-image: "res/imgs/up.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#up:hover {
|
||
|
|
fore-image: "res/imgs/up_1.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#play {
|
||
|
|
fore-image: "res/imgs/play.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#play:hover {
|
||
|
|
fore-image: "res/imgs/play_1.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#pause {
|
||
|
|
fore-image: "res/imgs/pause.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#pause:hover {
|
||
|
|
fore-image: "res/imgs/pause_1.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#next {
|
||
|
|
fore-image: "res/imgs/next.png";
|
||
|
|
}
|
||
|
|
|
||
|
|
#next:hover {
|
||
|
|
fore-image: "res/imgs/next_1.png";
|
||
|
|
}
|
||
|
|
</style>
|