MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
用户:Salt lovely/沙盒/投票箱:修订间差异
< 用户:Salt lovely | 沙盒
Salt lovely(留言 | 贡献) (先搭建一个框架) |
Salt lovely(留言 | 贡献) 小 (改成模板) |
||
第1行: | 第1行: | ||
<div class="salt-vote-container not-init"> |
<div class="salt-vote-container not-init"> |
||
<div class="salt-vote-color"></div> |
<div class="salt-vote-color"></div> |
||
<div class="salt-vote-title">{{{title|投票统计}}}</div>{{#if: {{{subtitle|}}} | <div class="salt-vote-subtitle">{{{subtitle|}}}</div> | }} |
|||
{{#if: {{{subtitle|}}} | <div class="salt-vote-subtitle">{{{subtitle|}}}</div> | }} --> |
|||
<div class="salt-vote-title">投票统计</div> |
|||
<div class="salt-vote-subtitle">投票统计副标题</div> |
|||
<div class="salt-vote-bar"></div> |
<div class="salt-vote-bar"></div> |
||
⚫ | |||
* <div class="salt-vote-option">同意</div><div class="salt-vote-voter">[[U:Salt_lovely]]</div> |
|||
* <div class="salt-vote-option">反对</div><div class="salt-vote-voter">[[U:Salt]][[User:Salt]][[用户:Salt]]</div> |
|||
* <div class="salt-vote-option">弃权</div><div class="salt-vote-voter">[[U:Example]]</div> |
|||
* <div class="salt-vote-option">重复投票</div><div class="salt-vote-voter">[[User:Example]]</div> |
|||
⚫ | |||
| _k |
| _k |
||
| _v |
| _v |
||
| <nowiki></nowiki> |
| <nowiki></nowiki> |
||
* <div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div> |
* <div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div> |
||
}} |
}}</div> |
||
</div> |
|||
{{CSS|1= |
{{CSS|1= |
||
.salt-vote-container { |
.salt-vote-container { |
||
第37行: | 第29行: | ||
color: #333a; |
color: #333a; |
||
} |
} |
||
.salt-vote-container .salt-vote-bar { |
|||
display: flex; |
|||
align-items: center; |
|||
width: 100%; |
|||
height: 1rem; |
|||
margin: 0 0 0 1rem; |
|||
} |
|||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item { |
|||
position: relative; |
|||
height: 100%; |
|||
line-height: 100%; |
|||
text-align: center; |
|||
transition: 240ms ease; |
|||
text-shadow: 0 0 8px #fff; |
|||
} |
|||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item:hover { |
|||
text-shadow: 0 0 8px #fff,0 0 8px #fff,0 0 16px #fff,0 0 16px #fff; |
|||
} |
|||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item::before { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 25%; |
|||
bottom: 25%; |
|||
left: 0; |
|||
right: 0; |
|||
background-color: var(--vote-color, #ab8749); |
|||
opacity: .5; |
|||
transition: 240ms ease; |
|||
z-index: -1; |
|||
} |
|||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item:hover::before { |
|||
top: 0; |
|||
bottom: 0; |
|||
opacity: 1; |
|||
} |
|||
.salt-vote-container .salt-vote-color { |
.salt-vote-container .salt-vote-color { |
||
display: none; |
display: none; |
||
} |
} |
||
.salt-vote-container ul { |
.salt-vote-container ul { |
||
display: flex; |
display: flex; |
2024年3月5日 (二) 01:02的版本
投票统计