LLWiki正在建设中,欢迎加入我们!
“Widget:Listen”的版本间差异
跳转到导航
跳转到搜索
小 (// 使用Wikiplus小工具快速编辑) 标签:移动版网页编辑 移动版编辑 |
(//使用页面/文本对比查看器快速编辑) 标签:移动版网页编辑 移动版编辑 |
||
第1行: | 第1行: | ||
<noinclude>{{doc|content=用于制作一个小型的音乐播放元件,请使用{{tl|listen}}调用。}}[[category:混合小部件]] |
<noinclude>{{doc|content=用于制作一个小型的音乐播放元件,请使用{{tl|listen}}调用。}}[[category:混合小部件]] |
||
<p>JavaScript脚本:[[User:Bhsd/widget/listen.js]]</p></noinclude><includeonly><!--{if !isset($wgListen) || !$wgListen}--><!--{assign var="wgListen" value=true scope="global"}--><script defer src='/ |
<p>JavaScript脚本:[[User:Bhsd/widget/listen.js]]</p></noinclude><includeonly><!--{if !isset($wgListen) || !$wgListen}--><!--{assign var="wgListen" value=true scope="global"}--><script defer src='//cdn.jsdelivr.net/gh/bhsd-harry/LLWiki@1.4/widget/listen.min.js'></script><style> |
||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
.listen { |
.listen { |
||
第10行: | 第10行: | ||
background-color: #f1f3f4; |
background-color: #f1f3f4; |
||
margin: 5px 0; |
margin: 5px 0; |
||
padding: 0 10px; |
padding: 0 10px; /* 调节按钮水平位置 */ |
||
font-size: 12px; |
font-size: 12px; |
||
line-height: 2; |
line-height: 2; /* 调节按钮垂直位置 */ |
||
} |
} |
||
.skin-minerva .listen { |
.skin-minerva .listen { |
||
第21行: | 第21行: | ||
display: none; |
display: none; |
||
} |
} |
||
.listen i { |
.listen > i { |
||
cursor: pointer; |
cursor: pointer; |
||
} |
} |
||
.listen .fa-ellipsis-v { |
.listen .fa-ellipsis-v { |
||
padding-left: 14px; |
padding-left: 14px; /* 增大点击区域 */ |
||
} |
} |
||
#listen-menu { |
#listen-menu { |
||
第36行: | 第36行: | ||
#listen-menu a { |
#listen-menu a { |
||
color: #222; |
color: #222; |
||
display: block; |
display: block; /* 增大点击区域 */ |
||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
2021年3月3日 (三) 04:37的版本
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; /* 增大点击区域 */
}
/*