iti组件 -参考
2025年1月1日
修订 3
评分
2
↑ 2
↓ 0
支持率
100%
总票数 2
Wilson 95% 下界
34.2%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 2
最近投票
1 / 1
2025-01-13
2024-12-31
相关页面
暂无推荐
页面源码
[[include :scp-wiki-cn:credit:start-standalone]]
**标题：**iti组件 -参考
**作者：**[[*user iti119]]
**发布时间：**2023
[[include :scp-wiki-cn:credit:end-standalone]]
[[div class="custom"]]
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|item-name= iti组件
|object-class= Component
|clearance= 3
|restriction= Classified
|hralt= true
]]
----
[[/div]]
+ 这是什么?
此组件是受[[*user Sekai_s]]在[[[scp-cn-1109| SCP-CN-1109]]]中使用的标头格式启发所制作的分类组件。
+ 使用方法
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number=
|object-class=
|clearance=
]]
[[/div]]
[[table class="wiki-content-table"]]
[[row]]
[[hcell colspan="3" class="caption"]]
主要参数:
[[/hcell]]
[[/row]]
[[row]]
[[hcell class="header"]]参数[[/hcell]]
[[hcell class="header"]]数据类型[[/hcell]]
[[hcell class="header"]]说明[[/hcell]]
[[/row]]
[[row]]
[[hcell]]item-number[[/hcell]]
[[cell]]字符串[[/cell]]
[[cell]]输入项目编号。[[/cell]]
[[/row]]
[[row]]
[[hcell]]object-class[[/hcell]]
[[cell]]字符串[[/cell]]
[[cell]]输入项目等级。[[/cell]]
[[/row]]
[[row]]
[[hcell]]clearance[[/hcell]]
[[cell]]0 ~ 6[[/cell]]
[[cell]]设置间隙。[[/cell]]
[[/row]]
[[row]]
[[hcell colspan="3" class="caption"]]
任意参数:
[[/hcell]]
[[/row]]
[[row]]
[[hcell class="header"]]参数[[/hcell]]
[[hcell class="header"]]数据类型[[/hcell]]
[[hcell class="header"]]说明[[/hcell]]
[[/row]]
[[row]]
[[hcell]]hralt[[/hcell]]
[[cell]]true ##888|(1)## / false ##888|(0)##[[/cell]]
[[cell]]更改组件下面的[[[wiki-syntax:horizontal-rules|分割线]]]设计。[[/cell]]
[[/row]]
[[row]]
[[hcell]]lang[[/hcell]]
[[cell]]EN, RU, KO, CN, FR, PL, ES, TH, JP, DE, IT, UA, PT, CS, ZH-TR, VN[[/cell]]
[[cell]]选择语言，默认为##code|CN##。[[/cell]]
[[/row]]
[[row]]
[[hcell]]item-number-title[[/hcell]]
[[cell rowspan="7"]]字符串[[/cell]]
[[cell]]更改项目编号的标记。[[/cell]]
[[/row]]
[[row]]
[[hcell]]item-category[[/hcell]]
[[cell]]修改项目编号类型，默认为##code|SCP##。AO与PoI均可以使用。[[/cell]]
[[/row]]
[[row]]
[[hcell]]item-name[[/hcell]]
[[cell]]更改整个项目名称。##code|item-category##可能更易理解[[/cell]]
[[/row]]
[[row]]
[[hcell]]object-class-title[[/hcell]]
[[cell]]更改收容等级的表现方式。[[/cell]]
[[/row]]
[[row]]
[[hcell]]clearance-title[[/hcell]]
[[cell]]更改“等级”的标记。语言切换参数，可能不常用。[[/cell]]
[[/row]]
[[row]]
[[hcell]]clearance-text[[/hcell]]
[[cell]]更改等级[[/cell]]
[[/row]]
[[row]]
[[hcell]]restriction[[/hcell]]
[[cell]]更改右下的机密分级标记[[/cell]]
[[/row]]
[[/table]]
----
= **CSS参数：**
[[div class="code" style="width:300px; margin:auto;"]]
@@[[module CSS]]@@
:root {
@@ --@@level0:
@@ --@@level5:
@@ --@@level6:
}
@@[[/module]]@@
[[/div]]
[[table class="wiki-content-table"]]
[[row]]
[[hcell class="header"]]参数[[/hcell]]
[[hcell class="header"]]数据类型[[/hcell]]
[[hcell class="header"]]说明[[/hcell]]
[[/row]]
[[row]]
[[hcell]]level0[[/hcell]]
[[cell]]RGB[[/cell]]
[[cell]]
指定整个字符颜色和安全等级栏的背景颜色。
初始值[[span style="font-family: math; color: rgb(51,51,51);"]]█[[/span]]##code|51,51,51##です。
[[/cell]]
[[/row]]
[[row]]
[[hcell]]level5[[/hcell]]
[[cell]]RGB[[/cell]]
[[cell]]
指定五级权限与安全等级栏的背景颜色。
初始值[[span style="font-family: math; color: rgb(187,0,17);"]]█[[/span]]##code|187,0,17##。
[[/cell]]
[[/row]]
[[row]]
[[hcell]]level6[[/hcell]]
[[cell]]RGB[[/cell]]
[[cell]]
指定六级权限与安全等级栏的背景颜色。
初始值[[span style="font-family: math; color: rgb(255,0,17);"]]█[[/span]]##code|255,0,17##。
[[/cell]]
[[/row]]
[[/table]]
----
[[include :scp-wiki-cn:component:coltop |show=+ 测试 |hide=- 关闭]]
[[div style="margin: 1em 0;"]]
[[/div]]
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|item-category= @< >@[/log-of-anomalous-items-cn AO]
|object-class= Anomalous
|clearance= 1
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码|hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-category= AO ##comment|// 将“SCP”改为“AO”##
|item-number= XXXX
|object-class= Anomalous
|clearance= 1
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
----
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class-title= [/classification-committee-memo 收容等级]
|object-class= Safe
|clearance= 2
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class-title= 收容等级 ##comment|// "更改object-class内的收容等级标题
|object-class= Safe
|clearance= 2
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
------
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= @< >@[/scp-2235 URA]-XXXX
|item-number= XXXX
|object-class= Pending
|clearance= 3
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码|hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= URA-XXXX ##comment|// 直接输入项目名##
|item-number= XXXX ##comment|@< >@// 即使指定了item-name、item-number也是必填的##[[footnote]]用于clearance-text。[[/footnote]]
|object-class= Pending
|clearance= 3
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
----
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= @< >@{{[/scp-3942 未定义]}}
|object-class= Euclid
|clearance= 4
|clearance-text= 等级4
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= {{未定义}} ##comment|// 直接输入项目名称##
|object-class= Euclid
|clearance= 4
|clearance-text= 等级4 ##comment|// 手动输入clearance-text时，不需要指定item-number##
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
----
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Keter
|clearance= 5
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Keter
|clearance= 5 ##comment|// 安全等级栏变红##
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
------
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Thaumiel
|clearance= 6
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Thaumiel
|clearance= 6 ##comment|// 安全等级栏变红程度加深##
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
----
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Explained
|clearance= 0
]]
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Explained
|clearance= 0 ##comment|// 安全等级栏变虚线##
]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
----
[[include :scp-wiki-cn:component:colend nohide=1]]
_
[[include :scp-wiki-cn:component:coltop |show=+ 自定义内容 |hide=- 关闭]]
[[div style="margin: 2em 0;"]]
[[/div]]
[[div class="custom box"]]
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Ticonderoga
|clearance= 3
|restriction= Classified
|hralt= true
]]
----
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Ticonderoga
|clearance= 3
|restriction= Classified
|hralt= true ##comment|// 更改同级元素水平线的外观。##
]]
@@----@@ ##comment|// 改变了水平线外观。##
[[/div]]
[[div class="code"]]
@@[[module CSS]]@@
.classification-header .right-box { ##comment|// 将分类标题右侧的字符设置为棕色粗体##[[footnote]]通过与评分模块颜色统一，可以实现协调的设计。[[/footnote]]
@@ --@@level0: 102,51,51;
@@ @@font-weight: bold;
}
@media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
@@ @@.classification-header { ##comment|// 当屏幕宽度超过一定时，文字大小稍微增加##
@@ @@font-size: 1.25em;
@@ @@}
}
@@[[/module]]@@
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
[[/div]]
_
[[div class="custom darkmode"]]
Darktheme样本：
[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Apollyon
|clearance= 6
|restriction= Classified
|hralt= true
]]
----
[[include :scp-wiki-cn:component:coltop |show=+ 代码 |hide=- 关闭]]
[[div class="code"]]
@@@@[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Apollyon
|clearance= 6
|restriction= Classified ##comment|// 对于"COSMIC Top-Secret"来说，会不会有点太长了？##
|hralt= true
]]
@@----@@
[[/div]]
[[div class="code"]]
@@[[module CSS]]@@
:root {
@@ --@@level0: 255, 255, 255;
}
.classification-header .right-box {
@@ --@@level0: 221, 0, 0;
@@ --@@level5: 221, 0, 0;
@@ --@@level6: 221, 0, 0;
@@ @@font-weight: bold;
}
@media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
@@ @@.classification-header {
@@ @@font-size: 1.25em;
@@ @@}
}
@@[[/module]]@@
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
[[/div]]
[[include :scp-wiki-cn:component:colend nohide=1]]
[[module CSS]]
.creditRate {
margin-right: 0;
}
table.wiki-content-table tr th.caption {
border: none;
background: none;
padding: 1em 0;
}
table.wiki-content-table tr th.header {
background-color: #aaa;
color: #fff;
}
div.code p {
white-space: pre;
}
div.code br {
display: none;
}
span[style="color: code"] {
border: 1px dashed #ddd;
background-color: #f7f7f7;
padding: 0 0.5ch;
font-family: 'Andale Mono', 'Courier New', Courier, monospace;
}
span[style="color: comment"] {
color: #494;
-webkit-user-select: none;
user-select: none;
}
span[style="color: comment"] + sup.footnoteref {
display: inline-block;
vertical-align: baseline;
transform: translateY(-5px);
-webkit-user-select: none;
user-select: none;
}
.custom .classification-header .right-box {
--level0: 102,51,51;
font-weight: bold;
}
@media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
.custom .classification-header {
font-size: 1.25em;
}
}
.box {
outline: solid #333 2px;
outline-offset: calc(1em - 2px);
}
.darkmode {
background: #000;
box-shadow: #000 0 0 5px 1em;
color: #fff;
--level0: 255, 255, 255;
}
.darkmode .classification-header .right-box {
--level0: 221, 0, 0;
--level5: 221, 0, 0;
--level6: 221, 0, 0;
font-weight: bold;
}
.darkmode .code {
background: #222;
border-color: #999;
}
.darkmode span[style="color: comment"] {
color: #8c8;
}
.footnotes-footer {
display: none;
}
[[/module]]