翻页书 组件说明

由bleuboat制作，最多支持16页内容。书本样式来源于排版工具组。

在页面开头添加以下代码以引入CSS：

[[include :backrooms-wiki-cn:component:book base=a]]

注意：该组件必须在排版工具组之后引入。

使用示例

[[include :backrooms-wiki-cn:component:book start=a]]

[[div class="page"]]
1
[[/div]]

[[div class="page"]]
2
[[/div]]

[[include :backrooms-wiki-cn:component:book turn=a|no=1]]

[[div class="page"]]
3
[[/div]]

[[div class="page"]]
4
[[/div]]

[[include :backrooms-wiki-cn:component:book turn=a|no=2]]

[[div class="page"]]
5
[[/div]]

[[div class="page"]]
6
[[/div]]

[[include :backrooms-wiki-cn:component:book end=a]]

效果

点击书本两侧即可翻页。

1

2

 

3

4

 

5

6

更多样式

要使用这些样式，只需要将书本开头替换成如下格式：

[[include :backrooms-wiki-cn:component:book start=a
|样式1=-
|样式2=-
]]

|with-string=-

给书本添加一条隔离绳。

• • _
  + 展开效果- 收起
  1

  2

   

  3

  4

   

  5

  6

|tight=-

让文字更紧密。

• • _
  + 展开效果- 收起
  1

  2

   

  3

  4

   

  5

  6

|with-pageno=-

显示页码。

• • _
  + 展开效果- 收起
  1

  2

   

  3

  4

   

  5

  6

CSS 自定义

你还可以使用 CSS 修改书本的颜色。

[[module CSS]]
:root{
    --paper-color: 255, 251, 240;
    --book-color: 72, 69, 60;
    --line-color: 221, 221, 221;
    --string-color: 192, 57, 43;
}
[[/module]]

---