组件：加载动画

加载动画

如你所见，这是一个简单的加载动画。

你不会想看代码的，真的。

介绍页代码来自更改版头标题。

制作这个组件只是因为Flowerssea研究不明白帕拉斯的代码才来搞这个的。

默认图片来自拟态设定。

目前只设计了两套动画，如果你想要新的动画样式可以去wikidot私信我，如果我会怎么做我就会做。

这篇的更新修改先咕着

---

预设1

显示

[[include :flowerssea:component:you-dianqiang
|wq=a
]]

当然，这个可以配合迭代或者其他的一起使用，并非必须置于折叠内，你当然可以在页面开头引用，那样就会在页面出来的时候出现加载动画。

不过更建议在页面结尾，因为这个会导致一行的空行，所以在开头可能会造成排版的难受。

---

预设2

显示

[[include :flowerssea:component:you-dianqiang
|wk=a
]]

不同的是，这是一个进度条加载，看起来比预设1更顺一点。

---

预设3

显示

[[include :flowerssea:component:you-dianqiang
|wd=a
]]

大概是另一个完成度高的版本，不过这个版本没有过多的自定义。

---

附属 旋转

显示

为加载的图标添加旋转效果，只需要添加以下代码：

|uvu=uvu

即可。

---

附属 独立加载框

显示

效果如上。

[[include :flowerssea:component:you-dianqiang pvq=a]]

你可以参考代码或者是搞什么别的东西，随你。

---

附属 独立渐变边缘

显示

[[include :flowerssea:component:you-dianqiang jian=a]]

这个是永久的，颜色和其他加载框的文字颜色相同，且会覆盖一切。

---

附属 自定义

我懒得做动画了。

[[module css]]
:root {
/* 修改动画加载的时间。 */
--shijian: 7s;
/* 更改加载的图片，比例需要1:1，比如这里就是B.F.P.F.的图标。 */
--tupian: url("https://backrooms-wiki-cn.wdfiles.com/local--files/theme%3Ab-f-p-f/bfpf%281%29.svg");
/* 更改背景色。 */
--jing: rgb(255,255,255);
/* 更改加载进度条与文字的颜色。 */
--se: rgb(0,0,0);
/* 更改预设3开始显示的文本。 */
--wenben: "正在载入 M.E.O.D. 数据库";
/* 预设3开始的字符数，用于手机适配，可随情况更改。 */
--wddzi: 12;
}
[[/module]]