Dentrado, read-only mode: mirroring http://backrooms-wiki-cn.wikidot.com/fragment:components-otherAbout Dentrado
组件中心分页：其他评级与分类组件

Isle 实体威胁评分

作者：hoah2333 & CutTheBirch

IETS：2C
IETS
威胁脅：2
智能：C

##
| lang####var(--c-keyword)|=cn/tr
| danger####var(--c-keyword)|=威胁
| intelligence####var(--c-keyword)|=智能
]]

修改后，组件不会将下方所有文字整体推移，但会占用悬停后文字整体的高度。如下方所示。

IETS：6E-
IETS
威胁：6
智能：E-

除此之外，威胁等级填写 0~5 可使 IETS 的边框变色。若你需要使用范围外的威胁等级，或是不满意当前所显示的颜色，可以使用以下代码更换颜色：

[[module CSS]]
:root {
--box-border: red, green, blue;
--box-shadow: red, green, blue;
}
[[/module]]

其中 red、green、blue 对应边框的红、绿、蓝色值，数值在 0~255 之间。你亦可以单独修改不同威胁等级的边框颜色，下方列出了目前所使用的边框色值：

[[module CSS]]
:root {
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
[[/module]]

+* 组件样式代码

+ 展开组件样式代码

—
—

—

[[/iftags]][[/div]]

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

—

[[/div]]

—

—
—

统合实体分类系统

—作者：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
—

—
—

——

—
—

—
—

—

——

—

—

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

—

—

—
—

标签式现象等级系统

—作者：Eltrac
—

—

——

——
—

—

——
—

—

——
—

—
—

—
—

—
现象影响：Lv.4
—

—
—

    —
    —

  • —
    持续时间长
    —

    • —
    —

  • —
    发生频率低
    —

    • —
    —

  • —
    影响不可逆
    —

    • —
    —

—
—

—
—

—
环境变化
—

—
—

—
——
—

—












—

—

—

—
——
——

——

—

—

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

—

—

—
—

现象分级系统

—作者：Meauzeek Zampona
—

—

——

—

—
—

—
—

—
—

—

—

—

[[iftags]]
—

<html>
<head>
    <style>body {font-family: sans-serif; font-size: .8em;} .sample {width: 100%;height: 0;padding-bottom: calc(50% / 3);background-position: center; background-size: contain; background-repeat: no-repeat;} .opt {display: grid; grid-template-columns: 15em 1fr;} .opt > b {grid-column: 1 / 2;} .opt > input {font-size: 16px; grid-column: 2 / 2;} .opt > span {color: #888; grid-column: 2 / 2; margin: 0 0 1em;} textarea {font-family: sans-serif; height: 300px; width: 100%;} .rounded-border {border: 2px dotted #000000; border-radius: 15px; background: #ffffff; padding-left: 20px; padding-right: 10px;}</style>
</head>
<body>
    <br>
    <b>【预览效果】</b>
    <br>
    <br>
  <div class="rounded-border">
  <div class="sample"></div>
  </div>

  <div class="opt">
    <br>
    <br>
    <br>
    <b>安全等级：</b> <input type="number" min="0" max="6" value="3" />
    <span>可填入0, 1, 2, 3, 4, 5, 6, 数字越大代表危险性越高。</span>
    <b>现象名称：</b> <input type="text" value="名称" />
    <b>现象编号：</b> <input type="text" value="C-X" />
    <b>适用区域：</b> <input type="text" value="Level C-XXX" />
    <b>存在形式：</b> <input type="text" value="形式" />
    <b>条件与成因：</b> <input type="text" value="成因" />
    <b>效果及影响：</b> <input type="text" value='影响' />
    <br>
    <b>复制以下框内的代码：</b>
  </div>
  <textarea readonly></textarea>
<script>
var o = {};
var txt = document.querySelector('textarea');
var smp = document.querySelector('.sample');
var ipt = Array.from(document.querySelectorAll('input')).map(function(v, i) {

  ['onchange', 'oninput'].forEach(function(f) {
    v[f] = function(e) {
      txt.value = '[[include :backrooms-wiki-cn:component:pcs\n' + ipt.map(function(v) {return '|' + v.name + '=' + encodeURI(v.input.value)}).join('\n') + '\n]]';
      smp.setAttribute('style', 'background-image: url("data:image/svg+xml;charset=utf8,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="600" height="100" viewBox="0 0 600 100"><defs><style>rect[fill*="b01"] {animation: blink 3s ease-in-out infinite;}@keyframes blink {0%,20%{fill-opacity: 1;}50%{fill-opacity: 0.75;}80%,100% {fill-opacity: 1;}}</style><filter id="shadow" width="200%" height="200%"><feGaussianBlur stdDeviation="3" result="shadow"/><feOffset dx="0" dy="0"/></filter></defs><g><text x="10" y="40" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">名称：</tspan> ' + o.name.value + '</text><text x="10" y="70" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">编号：</tspan> ' + o.number.value +  '</text></g><g><rect x="220" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/><text x="230" y="32" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">适用区域：</tspan> ' + o['area'].value + '</text><text x="230" y="46" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">存在形式：</tspan> ' + o['existence'].value + '</text><text x="230" y="60" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">成因：</tspan> ' + o['cause'].value + '</text><text x="230" y="74" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">影响：</tspan> ' + o['effects'].value + '</text><rect x="488" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/></g><g transform="skewX(-15)"><rect x="523" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 ? '#b01' : 'transparent') + '"/><rect x="535" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 5 ? '#b01' : '#aaa') + '"/><rect x="547" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 4 ? '#b01' : Number(o.lv.value) > 4 ? '#333' : '#aaa') + '"/><rect x="559" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 3 ? '#b01' : Number(o.lv.value) > 3 ? '#333' : '#aaa') + '"/><rect x="571" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 2 ? '#b01' : Number(o.lv.value) > 2 ? '#333' : '#aaa') + '"/><rect x="583" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 1 ? '#b01' : Number(o.lv.value) > 1 ? '#333' : '#aaa') + '"/></g><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="#fff" filter="url(#shadow)">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="' + (Number(o.lv.value) == 6 ? '#fff' : '#000') + '">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text></svg>') + '");')
    }
  })

  var _ = {name: [
    'lv',
    'name',
    'number',
    'area',
    'existence',
    'cause',
    'effects'
  ][i],
  input: v};
  o[_.name] = v;
  return _;

});

txt.onfocus = function(e) {
  e.target.select();
}
ipt[0].input.onchange();
</script>
</body>
</html>

—

[[/iftags]]

—

—

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

—

—

—
—

现象等级评估系统

—作者：GaplouelPew
—

—

——

—

—

—

—
—

—
—

—
现象编号 C-10
—

—
—

—
等级 4
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
分类：易发生
—

—
—

—
区域：等级0~3层级
—

—
—

—
形式：影响视觉
—

—
—

—
—

—

——
——

—

—

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

—

—

—
—

评级组件

—作者：Super-Robot14
—

—

——

—

—
威胁系数
—

—
—

—
10 ]][[#ifexpr 3 < 0 3
—

—
—

—
—

—

——

——

—

—

—

—

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

—

—

—
—

现象威胁度评级

—作者：Abdallah Amr
—

—

—

—

——
—

—
—

—
—

—
—

—
—

—
PTS:
—

—
4P
—

—
—

—
—

—
—

—
—

—
评级：
—

—

—

—
—

—
—

—
作用范围：层级
—

—
—

—
—

—
—

—
—

—
—

—
罕见
—

—
—

—
发生频率
—

—
—

—
—

—
—

—
3-5天
—

—
—

—
持续时间
—

—
—

—
—

—
—

—
轻微
—

—
—

—
剧烈程度
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
——

—

—[[iftgs -组件]]
[[iftags]]
—

—
—

—

[[/iftags]]

[[/iftgs]]
—

—

——

—

—

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

—

—

—
—

相关人士展示框

—作者：ReyDay
—

—

—

—

——

——

—

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

—

—

a20f7b324b26bd7a66e76b21b056b63f0ece7a31f8dd4a73a763c7dcc15b82ca.image.png

—

—

+++* 别称：“带来幸运的伟大撒玛利亚人”
+++* 最后出现地点：为保护隐私已编辑
+++* 已知关联：汤姆餐厅

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

—

—
—

—

—

—

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

—

—

—
—

統合物品分類系統(IOTS)

—作者：Nightwolf92
—

—

——
—

—

—

—
—

—

—

—
物品編號：C-XXX
—

—

—

—
罕見度
唯一
—

—

—

—
產地
未知
—

—

—

—
實用性
高風險實用
—

—

—

—
—

—

—

—
IOTS
—

—

—

—
5
—

—

—

—
—

—

—

這是一個用於對物品進行分類與分級的組件。針對實用性、產地/來源、罕見度得到的分數去計算IOTS等級。

Dependencies