用户:Salt lovely/沙盒/投票箱 - 版本历史

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

2024-03-17T17:44:53Z

编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

←上一版本		2024年3月18日 (一) 01:44的版本
第6行：		第6行：
	-->{{#if: {{{bar\|}}} \| <div class="salt-vote-bar"></div> \| }}<!--		-->{{#if: {{{bar\|}}} \| <div class="salt-vote-bar"></div> \| }}<!--
	--><ul class="salt-vote-options">{{#forargs: #\| _k \| _v\|		--><ul class="salt-vote-options">{{#forargs: #\| _k \| _v\|
	<li><div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div></li>		<li><div class="salt-vote-option-content"><!--
			--><div class="salt-vote-option">{{#var: _k }}</div><!--
			--><div class="salt-vote-voter">{{#var: _v }}</div><!--
			--></div></li>
	}}</ul><!--		}}</ul><!--
	--><ul class="salt-vote-~~desc-list~~">{{#forargs: * \| _i \| _d \|		--><ul class="salt-vote-describe">{{#forargs: * \| _i \| _d \|
	<li><div class="salt-vote-desc-option">{{#var: _i }}</div><div class="salt-vote-desc">{{#var: _d }}</div></li>		<li><div class="salt-vote-desc-option">{{#var: _i }}</div><div class="salt-vote-desc">{{#var: _d }}</div></li>
	}}</ul><!--		}}</ul><!--

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

2024-03-17T17:01:46Z

编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

显示更改

Salt lovely：参数别名

2024-03-04T17:36:27Z

参数别名

←上一版本		2024年3月5日 (二) 01:36的版本
第2行：		第2行：
	--><div class="salt-vote-container not-init"><!--		--><div class="salt-vote-container not-init"><!--
	-->{{#if: {{{color\|{{{颜色\|}}}}}} \| <div class="salt-vote-color">{{{color\|{{{颜色\|}}}}}}</div> \| }}<!--		-->{{#if: {{{color\|{{{颜色\|}}}}}} \| <div class="salt-vote-color">{{{color\|{{{颜色\|}}}}}}</div> \| }}<!--
	--><div class="salt-vote-title">{{{title\|投票统计}}}</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> \| }}<!--
	-->{{#if: {{{bar\|1}}} \| <div class="salt-vote-bar"></div> \| }}		-->{{#if: {{{bar\|1}}} \| <div class="salt-vote-bar"></div> \| }}

Salt lovely：添加颜色、bar两个参数

2024-03-04T17:30:54Z

添加颜色、bar两个参数

←上一版本		2024年3月5日 (二) 01:30的版本
第1行：		第1行：
	<noinclude>用于展示投票箱</noinclude><includeonly><div class="salt-vote-container not-init">		<noinclude>用于展示投票箱</noinclude><includeonly><!--
	<div class="salt-vote-color"></div>		--><div class="salt-vote-container not-init"><!--
	<div class="salt-vote-title">{{{title\|投票统计}}}</div>{{#if: {{{subtitle\|}}} \| <div class="salt-vote-subtitle">{{{subtitle\|}}}</div> \| }}		-->{{#if: {{{color\|{{{颜色\|}}}}}} \| <div class="salt-vote-color">{{{color\|{{{颜色\|}}}}}}</div> \| }}<!--
	<div class="salt-vote-bar"></div>		--><div class="salt-vote-title">{{{title\|投票统计}}}</div><!--
			-->{{#if: {{{subtitle\|{{{副标题\|}}}}}} \| <div class="salt-vote-subtitle">{{{subtitle\|{{{副标题\|}}}}}}</div> \| }}<!--
			-->{{#if: {{{bar\|1}}} \| <div class="salt-vote-bar"></div> \| }}
	{{#forargs: #		{{#forargs: #
	\| _k		\| _k
第8行：		第10行：
	\| <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 {
	width: 100%;		width: 100%;

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

2024-03-04T17:17:33Z

编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

←上一版本		2024年3月5日 (二) 01:17的版本
第137行：		第137行：
	opacity: 0.2;		opacity: 0.2;
	}		}
	}}{{#Widget:~~SaltCardEffect~~}}</includeonly>		}}{{#Widget:SaltVoteContainer}}</includeonly>

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

2024-03-04T17:14:06Z

编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

←上一版本		2024年3月5日 (二) 01:14的版本
第1行：		第1行：
	<div class="salt-vote-container not-init">		<noinclude>用于展示投票箱</noinclude><includeonly><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> \| }}		<div class="salt-vote-title">{{{title\|投票统计}}}</div>{{#if: {{{subtitle\|}}} \| <div class="salt-vote-subtitle">{{{subtitle\|}}}</div> \| }}
第39行：		第39行：
	.salt-vote-container .salt-vote-bar .salt-vote-bar-item {		.salt-vote-container .salt-vote-bar .salt-vote-bar-item {
	position: relative;		position: relative;
			min-width: 2rem;
	height: 100%;		height: 100%;
	line-height: 100%;		line-height: 100%;
第136行：		第137行：
	opacity: 0.2;		opacity: 0.2;
	}		}
	}}		}}{{#Widget:SaltCardEffect}}</includeonly>

Salt lovely：改成模板

2024-03-04T17:02:26Z

改成模板

@@ 第1行： / 第1行： @@
 <div class="salt-vote-container not-init">
 <div class="salt-vote-color"></div>
-<!-- <div class="salt-vote-title">{{{title|投票统计}}}</div>
+<div class="salt-vote-title">{{{title|投票统计}}}</div>{{#if: {{{subtitle|}}} | <div class="salt-vote-subtitle">{{{subtitle|}}}</div> | }}
 <div class="salt-vote-bar"></div>
-* <div class="salt-vote-option">同意</div><div class="salt-vote-voter">[[U:Salt_lovely]]</div>
+{{#forargs: #
   | _k
   | _v
   | <nowiki></nowiki>
 * <div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div>
-}} -->
+}}</div>
 {{CSS|1=
 .salt-vote-container {
@@ 第37行： / 第29行： @@
    color: #333a;
+}
 .salt-vote-container .salt-vote-color {
    display: none;
+}
 .salt-vote-container ul {
    display: flex;

Salt lovely：先搭建一个框架

2024-03-04T16:38:46Z

先搭建一个框架

新页面

<div class="salt-vote-container not-init">
<div class="salt-vote-color"></div>

<div class="salt-vote-title">投票统计</div>
<div class="salt-vote-subtitle">投票统计副标题</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>

</div>
{{CSS|1=
.salt-vote-container {
width: 100%;
max-width: 50rem;
margin: 0 auto;
}
.salt-vote-container .salt-vote-title {
width: 100%;
font-size: 1.25rem;
line-height: 2rem;
text-align: center;
color: #222d;
}
.salt-vote-container .salt-vote-subtitle {
width: 100%;
font-size: 1rem;
line-height: 1.25rem;
text-align: center;
color: #333a;
}
.salt-vote-container .salt-vote-color {
display: none;
}
.salt-vote-container ul {
display: flex;
flex-wrap: wrap;
margin: .5rem 0 .5rem 2rem;
}
.salt-vote-container ul li {
display: flex;
position: relative;
width: 100%;
justify-content: flex-start;
align-items: center;
margin: 0 0 2px 0;
}
.salt-vote-container ul li::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--vote-color, #ab8749);
opacity: 0;
z-index: -1;
}
.salt-vote-container ul li:hover::before{
opacity: 0.1;
}
.salt-vote-container ul li .salt-vote-option {
min-width: 4rem;
flex-shrink: 0;
padding: .5rem 1rem;
text-align: center;
border-left: 4px solid var(--vote-color, #ab8749);
font-size: 1rem;
}
.salt-vote-container ul li .salt-vote-voter {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0 1rem 0 0;
font-size: 1rem;
}
.salt-vote-container ul li .salt-vote-voter a {
display: block;
position: relative;
height: 1.5rem;
padding: 0 .4rem;
margin: .1rem .2rem .1rem 0;
line-height: 1.5rem;
font-size: .9rem;
box-sizing: border-box;
}
.salt-vote-container ul li .salt-vote-voter a::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--vote-color, #ab8749);
opacity: 0.1;
z-index: -1;
}
.salt-vote-container ul li .salt-vote-voter a:hover::before{
opacity: 0.2;
}
}}

←上一版本		2024年3月5日 (二) 01:36的版本
第2行：		第2行：
	--><div class="salt-vote-container not-init"><!--		--><div class="salt-vote-container not-init"><!--
	-->{{#if: {{{color\|{{{颜色\|}}}}}} \| <div class="salt-vote-color">{{{color\|{{{颜色\|}}}}}}</div> \| }}<!--		-->{{#if: {{{color\|{{{颜色\|}}}}}} \| <div class="salt-vote-color">{{{color\|{{{颜色\|}}}}}}</div> \| }}<!--
	--><div class="salt-vote-title">{{{title\|投票统计}}}</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> \| }}<!--
	-->{{#if: {{{bar\|1}}} \| <div class="salt-vote-bar"></div> \| }}		-->{{#if: {{{bar\|1}}} \| <div class="salt-vote-bar"></div> \| }}

用户:Salt lovely/沙盒/投票箱 - 版本历史

Salt lovely：​编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：​编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：​参数别名

Salt lovely：​添加颜色、bar两个参数

Salt lovely：​编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：​编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：​改成模板

Salt lovely：​先搭建一个框架

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：参数别名

Salt lovely：添加颜色、bar两个参数

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：编辑“用户:Salt_lovely/沙盒/投票箱” // 维基盐编辑器

Salt lovely：改成模板

Salt lovely：先搭建一个框架