微件:CodeLoadingUI:修订间差异
来自SOKA CAFE
| 第1行: | 第1行: | ||
<title>CodeLoadingUI</title> | <title>CodeLoadingUI</title> | ||
<description>Displays a full-screen digital code loading animation with customizable code.</description> | <description>Displays a full-screen digital code loading animation with customizable code.</description> | ||
| 第43行: | 第42行: | ||
]]> | ]]> | ||
</content> | </content> | ||
2025年3月2日 (日) 09:16的版本
<title>CodeLoadingUI</title>
<description>Displays a full-screen digital code loading animation with customizable code.</description>
<parameters>
<parameter name="code" required="true">The code to display in the loading animation.</parameter>
<parameter name="speed" default="1">Animation speed (1 = normal, 2 = fast, 0.5 = slow).</parameter>
<parameter name="color" default="#00ff00">Color of the code text (hex or CSS color).</parameter>
<parameter name="background" default="#000000">Background color of the loading screen (hex or CSS color).</parameter>
</parameters>
<content>
<![CDATA[
<style>
/* Full-screen styling */
.code-loading-ui {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: {{{background}}};
color: {{{color}}};
font-family: monospace;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: 9999;
}
.code-loading-ui .code {
white-space: pre;
animation: code-loading calc(1s / {{{speed}}}) infinite;
}
@keyframes code-loading {
0% { opacity: 0.5; }
50% { opacity: 1; }
100% { opacity: 0.5; }
}
</style>
{{{code}}}
]]> </content>
