222e5bb11a
完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
33 lines
990 B
TypeScript
33 lines
990 B
TypeScript
// 自定义四点旋转SVG
|
|
export const fourDotsSpinnerSvg = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
|
|
<style>
|
|
.spinner {
|
|
transform-origin: center;
|
|
animation: rotate 1.6s linear infinite;
|
|
}
|
|
.dot {
|
|
fill: var(--main-color);
|
|
animation: fade 1.6s infinite;
|
|
}
|
|
.dot:nth-child(1) { animation-delay: 0s; }
|
|
.dot:nth-child(2) { animation-delay: 0.5s; }
|
|
.dot:nth-child(3) { animation-delay: 1s; }
|
|
.dot:nth-child(4) { animation-delay: 1.5s; }
|
|
@keyframes rotate {
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
@keyframes fade {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.5; }
|
|
}
|
|
</style>
|
|
<g class="spinner">
|
|
<circle class="dot" cx="20" cy="8" r="4"/>
|
|
<circle class="dot" cx="32" cy="20" r="4"/>
|
|
<circle class="dot" cx="20" cy="32" r="4"/>
|
|
<circle class="dot" cx="8" cy="20" r="4"/>
|
|
</g>
|
|
</svg>
|
|
`
|