{$text}
使用方法
把以下代码单独成行放置于你的页面源代码中以使用本组件：
[[include :area-cn-02:component:neon
|radius=
|border=
|hue=
|size=
|text=文字内容
]]
选项说明：
[[include :area-cn-02:component:neon
|radius=圆角半径（单位为px/像素），不填默认为0（方形），数值太大会崩1
|border=边框线条宽度（单位为px/像素），不填默认为0（无边框）
|hue=色相旋转度数（数字0-360），不填默认为0（青蓝色）
|size=文字大小（百分比、px/像素或em等单位），不填为默认大小100%，建议300%或以上2
|text=文字内容
]]
每个霓虹灯牌互相独立，一个页面内可以有多个。
对其它自定义的支持尚在开发中（
示例
代码
[[include :area-cn-02:component:neon
|radius=20
|border=5
|hue=
|size=500%
|text=Hello World!
]]
效果
Hello World!
代码
[[include :area-cn-02:component:neon
|radius=30
|border=3
|hue=30
|size=300%
|text=<Linkage.exe>
]]
效果
<Linkage.exe>
代码
[[include :area-cn-02:component:neon
|radius=40
|border=6
|hue=60
|size=200%
|text=长 而 有 猫 🐱 ？
]]
效果3
长 而 有 猫 🐱 ？
代码
[[include :area-cn-02:component:neon
|radius=10
|border=4
|hue=270
|size=400%
|text=//香城 三波特兰 数据层
开[*https://scp-wiki-cn.wikidot.com/numbers-lie mipsum]发票 触媒
代写论文 进图书馆
奇术诅咒 透视
逆模因隐身//
]]
效果
香城 三波特兰 数据层
开mipsum发票 触媒
代写论文 进图书馆
奇术诅咒 透视
逆模因隐身
闪烁效果
正在测试
现在的bug
- 虽然已经把padding改成了10vw的相对大小，并且使用flexbox居中，但字号较大时，在移动端仍然会跑出去到屏幕外面
- 默认字体（Freestyle Script）只在部分电脑上有，在手机端显示为fallback字体cursive。加载了英文字体Playwrite India，汉字为明达明达无锋体。不过在手机上显示字号过大