组件中心

什么是组件？

组件是一种通过 [[include]] 代码引入其他页面、进而快捷引用预设代码的页面类型。组件必须属于 component: 分类¹并带有组件标签。在本维基中，最常见的组件例子无疑是图像框与生存难度模块。

本中心页用于陈列所有站内已有的组件，以便创作者查找使用。同时，各个组件的附属页面也会列于此处。我们对组件及其附属页面做了简单的分类：

• 标志表示本组件并非本站原创，而是从站外引进；
• 标志表示这是一个介绍本组件如何使用的补充资料；
• 标志代表这是一个附属组件，通常要配合主组件使用；
• 标志代表这是一个组件后端，通常不会被直接引用。

如果你发布了一个组件，可以编辑本中心页，将其添加至合适的位置。如某个组件长期未链接至本中心页，职员将会代为添加。

教程：添加组件

2025/8/10 的更新后，添加组件的方式有所不同，请各位搬运者 / 创作者注意。

[+] 展开：如何添加组件

组件要求

在发布组件前，请先确认您的组件满足以下要求：

• 被发布在后室中文维基（即本站）而不是从站外引用。
• 没有违反任何相关的规定，包括但不限于内容政策和 CSS 守则。
• 带有组件标签，且属于 component: 分类。
• 能够通过 [[include]] 语法在其他页面引用并正常工作。
• 不属于版式。

添加新组件

首先，请判断您的组件属于以下分类的哪一种，并打开对应的段落页：

• 层级评级与分类组件
• 其他评级与分类组件
• 团体与设定专用组件
• 附加信息组件
• 个性化组件
• 功能拓展组件
• 基础组件

在段落页的最下方，使用如下代码添加你的组件：

[[div class="component-box"]]
++ [[[component:url|组件名]]]
> 作者：[[user 你的用户名]]
[[div class="component-display"]]
[[include component:url]]
[[/div]]

一段字数不限的介绍，但最好不要超过 100 字。注意，仅可写一段介绍，不能换行。
[[/div]]

请将其中蓝色加粗的部分修改为你组件相关的内容。其中，component:url 指组件发布的地址，例如，生存难度组件的地址就是 component:level-class。

在添加完毕后，请将组件页面的父页面设置为本页。

如果你的组件是从其他语言维基搬运而来，请额外为 component-box 添加 import 类：

[[div class="component-box import"]]
++ [[[component:url|组件名]]]
> 作者：[[user 你的用户名]]
[[div class="component-display"]]
[[include component:url]]
[[/div]]

一段字数不限的介绍，但最好不要超过 100 字。注意，仅可写一段介绍，不能换行。
[[/div]]

部分组件可能需要用户交互作为展示的一部分，例如多重折叠组件等。对此，请为 component-display 添加 enable 类：

[[div class="component-box"]]
++ [[[component:url|组件名]]]
> 作者：[[user 你的用户名]]
[[div class="component-display enable"]]
[[include component:url]]
[[/div]]

一段字数不限的介绍，但最好不要超过 100 字。注意，仅可写一段介绍，不能换行。
[[/div]]

部分组件可能无法直接展示效果，例如成人内容警告等。对此，请为 component-display 添加 picture 类，并将引用代码更换为预览图：

[[div class="component-box"]]
++ [[[component:url|组件名]]]
> 作者：[[user 你的用户名]]
[[div class="component-display picture"]]
[[include component:url]][[image 预览图地址]]
[[/div]]

一段字数不限的介绍，但最好不要超过 100 字。注意，仅可写一段介绍，不能换行。
[[/div]]

如您在添加过程中遇到了其他问题，请联系活跃的技术职员解决。

使用说明、附属组件与组件后端

在介绍组件之后，如果有的话，用以下格式标记你的使用说明（作为组件的补充资料）、附属组件（标签同样为组件）与组件后端（标签为组件后端）。

[[div class="component-box"]]
++ [[[component:url|组件名]]]
> 作者：[[user 你的用户名]]
[[div class="component-display"]]
[[include component:url]]
[[/div]]

一段字数不限的介绍，但最好不要超过 100 字。注意，仅可写一段介绍，不能换行。
* [[span class="icon essay"]]@@ @@[[/span]]使用说明：[[[link|链接名]]]
* [[span class="icon component"]]@@ @@[[/span]]附属组件：[[[link|链接名]]]
* [[span class="icon component-base"]]@@ @@[[/span]]组件后端：[[[link|链接名]]]
[[/div]]

请将使用说明、附属组件与组件后端的父页面均设置为您的主要组件。

注意：您当前的设备较窄（例如手机、小型平板），可能导致部分组件预览有误。

要知道组件的具体表现，请进入其页面查看。

注意：点击屏幕右侧的半圆按钮，即可打开目录。

首次打开目录时，需要点击两次按钮。

层级评级与分类组件

components-level

对层级、子层级、房间等页面进行评级或分类的组件。

生存难度系统

作者：YellowISlol

生存难度：生存難度：

等级等級 0

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

适用于层级的评级系统，也是最经典的一个。

• 使用说明：生存难度系统-使用指导
• 附属组件：层级等级系统拓展
• 附属组件：层级等级系统拓展(2)
• 附属组件：旧版全自定义层级等级组件
  • 组件后端：旧版全自定义层级等级 组件后端
• 附属组件：动画包

新版层级等级组件

作者：scutoid studios

LEVEL
1

生存等级生存等級
2 级級

逃离逃離：5/5
无路可逃無路可逃

环境環境：2/5
少量环境风险少量環境風險

实体實體：0/5
无敌对实体無敵對實體

一种给层级定义等级的新式替代系统。

• 附属组件：动画包

层级属性分类系统

作者：Meauzeek Zampona

层级属性：層級屬性：

0

• {$one}
• {$two}
• {$three}

LPCS（层级属性分类系统）是对层级的固有属性进行评估的一套分类系统，用于描述一个层级的客观性质。可与生存难度系统（层级等级系统）搭配使用，也可单独使用。

• 附属组件：动画包

标签化生存难度模块

作者：GaplouelPew

以标签的方式给你的层级分类。注意：该组件与生存难度系统冲突。

• 附属组件：动画包

相对危险度评估系统

作者：R74

危险度：2

空间可靠度：空间-稳定

实体可靠度：实体-无

等待提供信息

日文维基用于层级的评估系统。

• 附属组件：动画包

岛屿分级组件

作者：Ambersight

孤岛岛屿

生存难度：

3

环境安全度：

稳定

实体威胁度：

高

交通便利度：

孤立

定居信息：

none-placeholder

资源情况：

none-placeholder

信号强度：

none-placeholder

专为群岛设定制作的分级系统，不适用于一般层级。

• 组件后端：岛屿分级组件 后端
• 附属组件：动画包

其他评级与分类组件

components-other

对实体、物品、现象等页面评级或分类的组件。

Isle 实体威胁评分

作者：hoah2333 & CutTheBirch

IETS：2C

IETS

威胁脅：2

智能：C

这一评分提供了关于某特定实体的危险程度和智力水平的直观信息。

• 使用说明：IETS 系统说明
• 附属组件：动画包

统合实体分类系统

作者：DrBobtail & Kai4C & CutTheBirch

统合实体分类系统

实体编号： 1
栖息地： 周游

IETS:
2A

分级：

Zoophoid

性质：

HVM

VRL-A

VRL-B

NCR

MCH

CBR

SYN

DMN

SSV

CVL

RAD

NRO

TXC

PYR

RLA

UNQ

AGR

BNV

PSY

{$custom-name}

对实体进行多方面的分类。

• 附属组件：动画包

标签式现象等级系统

作者：Eltrac

现象影响：Lv.4

• 持续时间长
  
• 发生频率低
  
• 影响不可逆
  

环境变化

PLS 根据现象的「影响」和「形式」做了较为系统的分类。

• 附属组件：动画包

现象分级系统

作者：Meauzeek Zampona

PCS 为现象的写作提供参考思路，起辅助作用。

现象等级评估系统

作者：GaplouelPew

现象编号 C-10

等级 4

分类：易发生

区域：等级0~3层级

形式：影响视觉

PLAS 对现象进行分级并进行简单的描述。

• 附属组件：PLAS 动画

评级组件

作者：Super-Robot14

威胁系数

3

一个带动画的简易评级栏，适用于多种场合。

现象威胁度评级

作者：Abdallah Amr

{$title-component}PTS:

4P

{$title-class}评级：

{$class}

{$title-sub}作用范围：层级

罕见

{$title-one}发生频率

3-5天

{$title-two}持续时间

轻微

{$title-three}剧烈程度

{$value-four}

{$title-four}

现象威胁度评级是一种简洁、优雅的 UI，能够展现现象的大致特征，并具备高度的灵活度与可定制性。

相关人士展示框

作者：ReyDay

档案：佐藤爱子 状态：活跃 ⬤

别称：“带来幸运的伟大撒玛利亚人”

最后出现地点：为保护隐私已编辑

已知关联：汤姆餐厅

---

谜一样的女子变成了英雄，她竭力想摆脱名声，可诅咒却不让她安宁。

用于简要介绍一位相关人士。

• 附属组件：相关人士展示框（底部）
• 附属组件：动画包

团体与设定专用组件

components-group

这些组件通常只会出现在某些团体 / 设定相关的文章中。

实体生物学分类系统

作者：Eltrac

实体生物学分类系统

Art.01 - 实体

IETS：3B-

实体编号：Entity C-1
项目类型：变异 / 野生
生物特征：类人生物 / 食肉性
这里插入一段有关该实体的描述，阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴。

+ 查看组件 CSS 代码

/**
 * EBCS Stylesheet 
 */
 
div.ebcs {
  background: #fff;
  box-shadow: var(--box-shadow, 0 0.05rem 0.15rem rgba(0,0,0,.4));
  padding: 0;
  margin: 0.5em 1em
}
@media screen and (max-width: 767px) {
  div.ebcs { margin: 0.5em 0 }
}
 
div.ebcs br:first-child,
div.ebcs br:last-child {
  display: none
}
 
div.ebcs p,
div.ebcs h2 {
  margin: 0;
  padding: 0
}
 
div.ebcs .ebcs-header .ebcs-title,
div.ebcs .ebcs-header,
div.ebcs .ebcs-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
 
/* 头部 */
div.ebcs .ebcs-header {
  justify-content: space-between;
  padding: 1em 0;
  width: 100%
}
 
div.ebcs .ebcs-header .ebcs-title h2 {
  background: rgb(var(--main-accent, 39,174,96));
  color: #fff;
  font-size: 120%;
  position: relative;
  left: -.6em;
  padding: .2em .5em;
  box-shadow: var(--box-shadow, 0 0.05rem 0.15rem rgba(0,0,0,.4))
}
 
div.ebcs .ebcs-header .ebcs-title h2::before {
  content: 'EBCS';
  display: none
}
@media screen and (max-width: 767px) {
  div.ebcs .ebcs-header .ebcs-title h2::before { display: inline }
  div.ebcs .ebcs-header .ebcs-title h2 .normal-text, .ebcs-number span { display: none }
}
 
div.ebcs .ebcs-header .ebcs-number { 
  font-size: 130%; 
  padding: .1em 0;
}
 
div.ebcs .ebcs-header .ebcs-iets {
  background-color: rgb(var(--blockquote-bg-color, 0,10,8,0.03));
  padding: 0.1em 0.5em;
  position: relative;
  right: 1em;
  box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0,0,0,.4));
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
}
 
div.ebcs .ebcs-header .ebcs-iets strong { vertical-align: middle }
 
/* 主体 */
.ebcs-body {
  padding: 1em;
  background-color: rgb(var(--blockquote-bg-color, 0,10,8,0.03));
  justify-content: space-between;
  gap: 1em;
  align-items: flex-start
}
@media screen and (min-width: 768px) {
  .ebcs-body { padding-left: 1.5em }
}
 
.ebcs-body .ebcs-meta { width: 100% }
.ebcs-body .ebcs-meta span {
  padding: .3em 0;
  display: inline-block;
  width: 100%
}
.ebcs-body span:not(.ebcs-des) {
  border-bottom: 1px solid #ddd;
}
 
.ebcs-body .ebcs-img {
  flex-shrink: 0
}
 
.ebcs-body .ebcs-img {
  border-radius: 3px;
  box-shadow: var(--box-shadow, 0 0.05rem 0.15rem rgba(0,0,0,.4));
  overflow: hidden;
  width: 30%;
  height: auto
}
.ebcs-body .ebcs-img img {
  display: block;
  transition: transform .3s
}
 
.ebcs-body .ebcs-img:hover {
  overflow: visible
}
.ebcs-body .ebcs-img:hover img {
  transform: scale(1.5)
}
 
.ebcs-body .ebcs-img[class*="{$"] {
  display: none
}
 
@media screen and (max-width: 767px) {
  div.ebcs div.ebcs-body { display: block }
  div.ebcs div.ebcs-body .ebcs-img { width: 80%; margin: 1em auto }
}

为实体生物学家协会制作的专用实体分类系统。

• 附属组件：动画包

非常规现象评估系统

作者：Romuta & Chris Evertworth

• • _
  查看类别观测现象

  分类» 数字类现象

  场景» 任一层级（存疑）

  形式» 随机恶性事件

  Phenomenon C-40 »

  类别» 系统故障

文件公开

局部公开 ▲

内容受限 ▲▼

信息保密 ▲▼▲

情报控制 ▲▼▲▼

缄默协议 ▲▼▲▼▲

唯一议会 ▲▼▲▼▲▼

A Report From PALLAS

为帕拉斯研究所设计的现象类文件管理评估系统。

• 组件后端：非常规现象评估系统 元组件
• 附属组件：动画包

非常规层级放映系统

作者：Romuta & Chris Evertworth

为帕拉斯研究所设计的层级类文件主题放映逻辑。

• 组件后端：非常规层级放映系统 元组件

后室机器人科技块

作者：scutoid studios

这是一个简单的组件，在你的与后室机器人科技相关的页面的右下角添加了一个可关闭的方块。

REDE 危险度评级系统

作者：starry_Milky Way & EuthanasiaALS

为 REDE 设定的评级组件，在你的与 REDE 文章系列相关的文章中加入的组件。注意：该组件会修改组件之外其他元素的样式。

• 组件介绍：REDE危险度评级系统组件介绍
• 组件后端：REDE危险度评级系统组件后端

新型REDE 危险度评级系统

作者：starry_Milky Way & EuthanasiaALS

实体编号: REDE-99

栖息地: Leve 9999

Starry Milky Way事件名称

超级无敌难修复难度

MAL

NSU

CAE

REG

THR

UNI

TSI

PHO

PTO

PLR

DMO

SDI

TED

DET

MDI

BWA

BLO

CDA

无理由的对可触及的一切生命造成灾害

灾害并非为实体本身造成

因为各种原因而对周遭生命造成危害

灾害范围仅发生在层级内的一个区域内

灾害范围为一整个层级

灾害范围将跨越多个层级

灾害范围将出现在多个时间线内的不同节点

灾害将出现在特定条件下的某些区域内

实体将拥有影响生命精神的能力

实体会通过某些方式使自己的数量增加

实体会完全掌控影响区域的一切规则

实体会对时空进行影响

实体影响的区域将不可挽回

实体将对影响区域产生各种恶性物质

实体将引发极端的气象活动

实体将能够使影响区域的气温走向极端

实体事件发生时，影响层级将不可切出与不可切入

实体将悄然无声的出现在区域内

恶意

非主观

前因后果

区域性

全境

全域

错乱时空

对号入座

精神摧残

增殖

支配

空间崩裂

终结

劣化

气象灾害

坏汤婆

封锁

斗篷与匕首

为 REDE 设定的评级组件，在你的与 REDE 文章系列相关的文章中加入的组件。

• 组件后端：新型REDE危险度评级系统组件后端

蒲绪卡黛统合生存难度系统

作者：EuthanasiaALS & H_W & starry_Milky Way

• • 　
  生存难度

  等级　宜居

  • {$Chrysalis-one}
  • {$Chrysalis-two}
  • {$Chrysalis-three}
  生存难度

  等级　死区

  • {$Human-one}
  • {$Human-two}
  • {$Human-three}

蒲绪卡黛统合生存难度系统 是附属于 蒲绪卡黛诸相观 设定的生存难度等级系统。

附加信息组件

components-info

这些组件会在页面内添加额外的信息，辅助文章的表达。

著作信息评分模块

作者：Sekai_s 等

著作信息模块是一种评分模块的变体，可以让你在页面中添加任意世界观外的文本。需要由读者点击评分模块旁的一个小信息按钮，文本才会显示在一个对话框中。

• 附属组件：著作信息评分模块：顶部
• 附属组件：著作信息评分模块：底部
• 附属组件：著作信息评分模块：独立-顶部
• 附属组件：著作信息评分模块：独立-底部
• 组件后端：著作信息评分模块：后端

著作信息标题

作者：scutoid studios

组件中心	 close 著作信息 X 文本

该组件可以让你在标题后使用著作信息评分模块。

• 附属组件：著作信息标题 组件：底部

伪链接预览

作者：Eltrac

这个组件意在模仿维基百科的导航预览功能。使用者只要将鼠标放在一个超链接上，就能够看到作者预先设置好的有关这个链接页面的介绍。

懒人作者页工具

作者：W Asriel

这是一个使用方式较为简易的作品展示工具，搬运自 SCP 基金会中文分部。

• 使用说明：放在作者页里的懒人页面检索工具的使用方法
• 附属组件：懒人作者页 合著块
• 附属组件：作者页自检工具

页面副标题

作者：AbytherUs

为你的页面加上副标题。

可用的成就系统

作者：vallerback & GaplouelPew & Etinjat

{$my-title}

{$my-text}

为你的作者页添加成就徽章系统，包含两个版本及自定义教程。

• 组件后端：成就组件

人物信息

作者：SwitzerCandy

仿照维基百科风格制作的人物信息栏。

信息框

作者：scutoid studios

这是一个能让你通过表格为页面制作维基信息框的组件。

个性化组件

components-custom

这些组件会改变页面部分元素的样式，满足你的美学需求。改变全局美学样式的组件被称为版式，在版式中心和原创版式中心中浏览。

图片框

作者：Aelanna

Level 0 的第一张照片。

应用在许多页面的图片框组件。是的，就是它。

• 组件后端：图片框 后端

更改版头标题

作者：Ambersight

本组件可以快速更改版式最上方的标题（即当前显示的“The Backrooms”与“你曾经来过这里”），从而更好地为文章内容服务。

展开侧边栏（Liminal）

作者：无

这个组件可以改变侧栏的显示状态，使其变为默认展开。

切换侧边栏（Liminal）

作者：Woedenaz

在页面左上角增添一个展开按钮，用于切换侧边栏的显示，效果类似移动端设计。本中心页就使用了这一组件。

跨维基模块自定义样式

作者：Sekai_s

修改侧栏跨维基模块的样式。

隐藏用户信息和搜索栏

作者：Mercuresphere

这个组件可以改变顶栏当中用户信息和搜索栏两部分的显示状态，使其变为可折叠并默认隐藏。

悬浮放大

作者：AbytherUs

Level 0 的第一张照片。

本组件将会给标准的图像框组件添加一条特殊代码。当鼠标指针悬浮在一张图片上时，那张图片将会被放大。

排版工具组

作者：Eltrac

该组件为代码基础薄弱的写手和新人提供易于使用的排版工具，提升文档的美观度。

• 使用说明：排版工具组 2.0 - 使用说明

附录块

作者：jan Jejasa

▷ 附录 A1：何为附录块？

设备名称：附录块
启动日期：2023-6-7
当前状态：运作中

---

把一个折叠放在 addendumblock div 中，你就能得到一个附录块。附录块的外观像是一个按钮，按下即可显示更多内容。如你所料，这些文本就在附录块中。

更改折叠的样式，可以用于采访、日志记录、附录、文件记录等等。

自定义折叠

作者：Super-Robot14

自定义折叠！

里面的内容

改变折叠的形状、颜色和大小！

折叠脚注

作者：scutoid studios

+ 打开脚注

脚注

1. 著作信息评分模块系列组件除外。

用一个可折叠的新阈限脚注块代替你平平无奇的 [[footnoteblock]]。

评分条

作者：scutoid studios

获得一条显示 +/- 比例的评分条。

明信片

作者：LemonCat233

可修改颜色、可自定义邮编

可以自定义成各式各样的明信片。

问答块

作者：scutoid studios

嗨

内容

改变折叠块的样式，使其更适合用于陈列 FAQ（常见问题）。当然，你也可以将之用于其他用途。注意：该组件会改变所有折叠块的样式，并且与所有同类组件冲突。

弹窗

作者：starry_Milky Way

在你的文章中添加一个弹窗。

视差引擎

作者：scutoid studios

为你的页面加上一个具有 3D 视差的版头横幅。

画廊图片框

作者：H_W

Level 0 的第一张照片。

基于[[gallery]]模块制作的图片框， 其可以在不打开新页面的前提下实现点击图片查看清晰图片的效果。

• 组件后端：画廊图片框 组件后端

迭代时间轴

作者：Abdallah Amr

将所有迭代以时间轴形式依次序显示。

渐变图片框

作者：scutoid studios

Level 0的第一张摄影。

这是一个让图片框组件有更炫酷外观的替换方案。

滚动样式块

作者：scutoid studios

强势黄的

这是一个带有动态背景的样式块。

• 附属组件：滚动样式块 底部

悬停滚动文本块图片框

作者：AbytherUs & H_W

Level 0的一张摄影

Level 0 是一处非线性空间，外观类似于一家零售店的储藏后室。与它此前被确认的形式相似，Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样，例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而，本层中不存在两个完全相同的房间。

被安装在本层空间中的荧光灯保持无规律闪烁，并以恒定频率发出嗡鸣。这种噪声尤其响亮，明显比正常的荧光灯所能制造的噪音更加刺耳，而对灯具装置进行检查以确定噪声来源的尝试以失败告终。浸湿地毯的物质成分始终无法被查明。它既不是水，同时也不能被安全地饮用。

这是一个带有进行文本介绍的滚动侧栏的图片框，鼠标悬停时可出现描述文本。

伪讨论串

作者：bleuboat

在文章中添加讨论串。

• 使用说明：伪讨论串使用说明

社交平台风格文本框

作者：Einoshima

在文章中添加类似社交平台帖子的文本框。

• 使用说明：社交平台风格文本框 - 使用说明
• 组件后端：社交平台风格文本框 - 帖子后端
• 组件后端：社交平台风格文本框 - 设置

蚯蚓形底部导航

作者：Einoshima

Level C-10

原创层级列表 I

Level C-12

蚯蚓形状的底部导航栏，可以替代单调的 [[div class="footer-wikiwalk-nav"]]。

功能拓展组件

components-function

这些组件能够提供额外的功能，而不仅仅是美化已有元素、功能的外观样式。

多重折叠

作者：Boyu12

• • _
  + 第一层折叠- 第一层折叠
  • • _
    + 第二层折叠- 第二层折叠

    还可以继续嵌套！

提供一个可嵌套的折叠块。

• 附属组件：多重折叠：样式说明
• 组件后端：多重折叠：顶部后端
• 附属组件：多重折叠：底部
  • 组件后端：多重折叠：底部后端

繁简转换

作者：hoah2333

繁

这是一个繁简转换组件，旨在方便不同地区的读者顺利地阅读到自己所熟悉的文字。

字体切换按钮

作者：Etinjat

{$btn-aaa} 切换字体
{$btn-bbb} 切换字体

▼

• {$font-0-name} {$font-0} 默认字体
• 思源宋体 'Noto Serif SC' 预设字体
• {$font-2-name} {$font-2}
• {$font-3-name} {$font-3}
• {$font-4-name} {$font-4}
• {$font-5-name} {$font-5}
• {$font-6-name} {$font-6}
• {$font-7-name} {$font-7}
• {$font-8-name} {$font-8}
• {$font-9-name} {$font-9}

等待切换的字体。

让读者切换页面使用的字体。

• 组件后端：字体切换组件源代码

可拖拽 DIV

作者：Ross Dear

创建可以自由拖动的内容块。

音频

作者：无

在页面内插入一个可播放的音频。

氛围音

作者：scutoid studios

一个点击即可播放音乐的组件。注意：一旦你点击此组件，音乐将不断循环播放，直到您关闭或刷新当前网页。为避免带来困扰，此处的按钮仅供预览，不可点击。

轮播框 CSS 动画

作者：hoah2333

2024 教程活动
2025 蛇说活动
{$text3}
{$text4}
{$text5}
{$text6}

为首页横幅轮播制作的轮播框 CSS 动画组件。

翻译

作者：zenzick

将你的页面链接到其他语言站点的翻译页面上。

切换暗色模式

作者：scutoid studios

dark_mode暗色版式light_mode亮色版式

添加一个切换亮暗色的按钮。注意：该组件仅在新阈限及其衍生版式中生效。为避免带来困扰，此处的按钮仅供预览，不可点击。

基础组件

components-basic

这些组件在特定情况下会被强制使用，它们在维基的运作中不可或缺。

成人内容警告

作者：Ambersight & hoah2333

专用于带有成人内容标签的页面。

授权信息栏

作者：Sekai_s 等

‡ 授权 / 引用

请按如下方式引用此页：

“组件中心”，作者 匿名，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/components。遵循 CC BY-SA 3.0 协议。

---

图像名：1
图像作者：Alex
授权协议：CC BY-SA 3.0
来源链接：无

更多授权相关信息，请查阅授权指导。

在页面末尾添加一个授权信息栏，包含引用本页面时可使用的授权信息与本页面内引用图像的授权信息。

• 附属组件：授权信息栏 末端
• 附属组件：授权信息栏（版式）
• 组件后端：授权信息栏 组件后端

列表

作者：Ambersight

定义维基文章列表的样式。

设定页展示组件

作者：Ambersight

定义维基设定列表的样式。

• 组件后端：设定页展示组件 后端

艺作展示轮播框

作者：Lambda Core

定义主页艺作轮播框的样式。

月刊封面

作者：Liurd

定义月刊封面的样式。

自定义版式介绍

作者：Ambersight

自定义版式介绍与作者时用到的组件。

• 附属组件：自定义版式作者
• 附属组件：自定义版式 - 底部

停用组件

这些组件已经被更新的组件代替，请勿使用。

• 成人内容遮盖页：被成人内容警告取代。
• 打开著作信息：被著作信息评分模块取代。
• 关闭著作信息：被著作信息评分模块取代。
• 更多著作信息：已停止支持。
• 展开侧边栏：被展开侧边栏（Liminal）取代。
• 简繁切换：被繁简转换取代。
• 层级等级系统动画：被动画包取代。
• 新版层级等级系统动画：被动画包取代。
• 相关信息：原文被删除。
• 统合物品分类系统：原文被删除。

‡ 授权 / 引用

请按如下方式引用此页：

“组件中心”，作者 Ambersight，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/components。遵循 CC BY-SA 3.0 协议。

---

文件名：Example_music.mp3
音乐名：Claude Debussy's Clair de Lune
图像作者：Laurens Goedhart
授权协议：CC BY-SA 3.0
来源链接：https://zh.wikipedia.org/wiki/File:Clair_de_lune_(Claude_Debussy)_Suite_bergamasque.ogg
备注：经过 Ambersight 剪辑。

图像名：cc_lvl0.jpg
图像作者：TS Discord上的Alfarex
授权协议：CC-BY-SA-3.0
来源链接：http://backrooms-wiki.wikidot.com/local--files/level-0/cc_lvl0.jpg
备注：使用Blender渲染

更多授权相关信息，请查阅授权指导。