沉浸式终端 组件

待做

  • 对尺寸进行修正,使其在不同屏幕大小上观感舒适
    • 使用相对长度并且与其它单位保持正比关系
    • 稍微加大底边边距,并且考虑加入日期显示(?)
  • 退出按钮、选中文字的颜色问题
    • 选中文字的颜色不生效是因为::selection和::-moz-selection两个选择器不能用逗号隔开,只能分开写(已修复)
    • 退出按钮的颜色不生效是因为—tint变量的作用域只限于.screen-base而不包括其外层的.coltype,外层div无法继承子元素的变量值。可能的解决方法:将折叠设置为默认包含在include里,或者将折叠文字颜色固定(已修复)

这是一个未完成组件,有部分模块存在未修正问题。

评分: +6+x

这是什么?

这是一个可以在你的页面中添加五光十色的全屏沉浸式炫酷终端界面的组件。

使用方法

把以下代码单独成行放置于你的页面源代码中以使用本组件:

[[include :area-cn-02:component:immersive-terminals |start=--]
|tint=主色调,使用RGB色码格式:红,绿,蓝,如 0,128,255 ,不填为默认的亮蓝色
|border-radius=圆角大小,单位为像素(px),不填为默认的 calc(15px + 2vw)
]]

终端内要显示的内容(适用所有正常Wikidot语法)

[[include :area-cn-02:component:immersive-terminals |end=--]]]

不填的项目可以删除。

将主题色改成淡红色的示例:

[[include :area-cn-02:component:immersive-terminals |start=--]
|tint=255,200,200
]]

内容

[[include :area-cn-02:component:immersive-terminals |end=--]]]

终端应置于折叠中。然而,如果使用一般的折叠,打开之后界面全屏就关不掉了。因此,设计了一种折叠,可以把关闭放在顶层。具体使用方式是加入两个选项:

[[include :area-cn-02:component:immersive-terminals |start=--]
|coltop=--]
|open=展开文本内容
|close=关闭文本内容
]]

内容

[[include :area-cn-02:component:immersive-terminals |end=--]
|colend=--]
]]

比如这样就是一个完整的,可以打开关闭的界面:

[[include :area-cn-02:component:immersive-terminals |start=--]
|coltop=--]
|open=是否登入系统?
|close=退出系统
]]

内容

[[include :area-cn-02:component:immersive-terminals |end=--]
|colend=--]
]]


效果预览

    • _
    评分: +6+x
    评分: +6+x

    一级标题

    • 无序列表
    • 无序列表2
      • 无序列表3

    二级标题

    1. 有序列表
    2. 有序列表2
      1. 有序列表3

    三级标题

    四级标题

    五级标题
    六级标题

    请点击屏幕左下角退出

    data-layer-simulspace.jpg

    测试图像

    标题 标题 标题 标题 标题 标题
    内容 内容 内容 内容 内容 内容

    组件内采用的字体为 Oxanium。


    项目编号:SCP-CN-1357

    项目等级:Safe

    特殊收容措施:SCP-CN-1357适用普通家用电器1所需的储存与保养条件,除日常性能检测外,无须额外维护。所有2级或以上工作人员均可申请使用SCP-CN-1357,但在此之前,连接至SCP-CN-1357的终端设备必须经过全面安全性检查,以确保不会对SCP-CN-1357造成损害。

    在SCP-CN-1357的异常性质被彻底探明之前,不可将其接入互联网。

    Item #: SCP-CN-1357

    Object Class: Safe

    Special Containment Procedures: Standard storage and maintenance suitable for ordinary household electronics can apply to SCP-CN-1357. No extraneous maintenance is needed except for occasions of routine performance checks. All personnel with a clearance Level 2 or above could apply for using SCP-CN-1357, however, all terminal devices that are ready to connect with SCP-CN-1357 must be thoroughly secure-checked to avoid any potential damage.

    It is prohibited to connect SCP-CN-1357 to the public Internet before its anomalous property has been thoroughly researched.


    一个可能存在的链接。 | 一个已访问的链接。 | 一个空链接。

    这是一个tab。


    主题色

    亮蓝色 0, 200, 255

    自定义颜色 {$tint}


推荐使用带有折叠的版本,除非你有其它效果想要实现。如果因为没放在折叠里,导致页面打开就是这玩意,无法编辑,请在你的页面网址最后加上/norender/true,隐藏所有页面内容,然后就可以编辑了。

例如,把网址从:

https://scpsandboxcn.wikidot.com/dr-talcite

改成:

https://scpsandboxcn.wikidot.com/dr-talcite/norender/true

每个终端互相独立,一个页面内可以有多个色调、样式、显示内容不同的终端。


组件后端

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License