|
|
| （未显示同一用户的1个中间版本） |
| 第1行： |
第1行： |
| <includeonly>{{#css:
| | {{#if:{{{音频|}}}| |
| /* 让音频播放器宽度自适应容器，并添加一些间距 */
| | <htmltag tagname="audio" src="{{filepath:{{{音频}}}}}" class="audio-block" controls></htmltag> |
| audio {
| | | |
| width: 100%;
| | <div style="color:red">未填写音频文件</div> |
| max-width: 400px;
| | }} |
| margin: 5px 0;
| |
| border-radius: 8px;
| |
| }
| |
| .download-link {
| |
| display: inline-block;
| |
| margin-left: 10px;
| |
| font-size: 14px;
| |
| background: #f0f0f0;
| |
| padding: 4px 10px;
| |
| border-radius: 20px;
| |
| text-decoration: none;
| |
| color: #0645ad;
| |
| border: 1px solid #ccc;
| |
| }
| |
| .download-link:hover {
| |
| background: #e0e0e0;
| |
| } | |
| }}</includeonly><div style="display: flex; align-items: center; flex-wrap: wrap;"> | |
| <audio src="{{filepath:{{{音频|}}}}}" controls preload="none">
| |
| 您的浏览器不支持 audio 标签。
| |
| </audio>
| |
| <a class="download-link" href="{{fullurl:File:{{{音频|}}}}}" target="_blank">下载</a>
| |
| </div>
| |
