Widget:Listen

小部件文檔

這個文檔是內聯文檔。

用於製作一個小型的音樂播放元件，請使用{{listen}}調用。

JavaScript腳本：User:Bhsd/widget/listen.js

CSS樣式表：

 */
.listen {
	display: inline-block;
	width: 30px;
	height: 24px;
	border: 0.5px solid #ddd;
	border-radius: 30px;
	background-color: #f1f3f4;
	margin: 5px 0;
	padding: 0 10px; /* 调节按钮水平位置 */
	font-size: 12px;
	line-height: 2; /* 调节按钮垂直位置 */
}
.skin-minerva .listen {
	transform: scale(1.2);
	margin: 7.5px 5px;
}
.listen > audio {
	display: none;
}
.listen > i {
	cursor: pointer;
}
.listen .fa-ellipsis-v {
	padding-left: 14px; /* 增大点击区域 */
}
#listen-menu {
	margin-top: 5px;
	white-space: nowrap;
}
.skin-vector > #listen-menu {
	font-size: 14px;
}
#listen-menu a {
	color: #222;
	display: block; /* 增大点击区域 */
}
/*