Chunyu
d7553520ce
- 新增 Pagination 通用组件：首页/上一页/页码/下一页/末页导航 - PickModal 和 SwapModal 集成分页功能，每页20项 - 搜索/筛选切换自动回到第1页 - 现代化CSS样式：hover浮起动效、主色高亮、移动端适配 - 新增 dashboard、admin 管理模板 - 菜系(cuisine)模型和迁移 - 构建脚本 build.py 支持 PyInstaller 打包 - 前端资源重新构建
72 lines
3.3 KiB
XML
72 lines
3.3 KiB
XML
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#6366f1"/>
|
|
<stop offset="55%" stop-color="#5457e5"/>
|
|
<stop offset="100%" stop-color="#4338ca"/>
|
|
</linearGradient>
|
|
<linearGradient id="bowlGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#ffffff"/>
|
|
<stop offset="100%" stop-color="#dbeafe"/>
|
|
</linearGradient>
|
|
<linearGradient id="bowlRim" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#ffffff"/>
|
|
<stop offset="100%" stop-color="#eef2ff"/>
|
|
</linearGradient>
|
|
<linearGradient id="chopstick" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#fbbf24"/>
|
|
<stop offset="100%" stop-color="#f59e0b"/>
|
|
</linearGradient>
|
|
<linearGradient id="brothGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#fde68a"/>
|
|
<stop offset="100%" stop-color="#fcd34d"/>
|
|
</linearGradient>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="8"/>
|
|
<feOffset dx="0" dy="6" result="offsetblur"/>
|
|
<feComponentTransfer>
|
|
<feFuncA type="linear" slope="0.15"/>
|
|
</feComponentTransfer>
|
|
<feMerge>
|
|
<feMergeNode/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Rounded square background -->
|
|
<rect width="512" height="512" rx="112" fill="url(#bgGrad)"/>
|
|
|
|
<!-- Subtle decorative circle (menu/cycle concept) -->
|
|
<circle cx="256" cy="256" r="200" fill="none" stroke="#818cf8" stroke-width="3" stroke-dasharray="2 14" opacity="0.25"/>
|
|
|
|
<!-- Steam lines (smooth waves) -->
|
|
<path d="M196 154 C188 134 204 114 196 94 C188 74 204 54 196 40" stroke="#c7d2fe" stroke-width="13" stroke-linecap="round" fill="none" opacity="0.65"/>
|
|
<path d="M256 154 C248 134 264 114 256 94 C248 74 264 54 256 40" stroke="#c7d2fe" stroke-width="13" stroke-linecap="round" fill="none" opacity="0.65"/>
|
|
<path d="M316 154 C308 134 324 114 316 94 C308 74 324 54 316 40" stroke="#c7d2fe" stroke-width="13" stroke-linecap="round" fill="none" opacity="0.65"/>
|
|
|
|
<!-- Chopsticks (pair, angled) -->
|
|
<rect x="296" y="118" width="15" height="175" rx="7.5" fill="url(#chopstick)" transform="rotate(22 303.5 205.5)"/>
|
|
<rect x="322" y="128" width="15" height="170" rx="7.5" fill="url(#chopstick)" transform="rotate(28 329.5 213)"/>
|
|
|
|
<!-- Bowl body -->
|
|
<path d="M120 242 L392 242 Q376 350 256 370 Q136 350 120 242 Z" fill="url(#bowlGrad)" filter="url(#shadow)"/>
|
|
|
|
<!-- Bowl rim (ellipse on top) -->
|
|
<ellipse cx="256" cy="242" rx="136" ry="24" fill="url(#bowlRim)"/>
|
|
|
|
<!-- Bowl inner area (filled broth) -->
|
|
<ellipse cx="256" cy="242" rx="120" ry="18" fill="url(#brothGrad)" opacity="0.7"/>
|
|
|
|
<!-- Food items in bowl -->
|
|
<!-- Rice / grains -->
|
|
<ellipse cx="210" cy="240" rx="24" ry="8" fill="#fef3c7" opacity="0.9"/>
|
|
<ellipse cx="256" cy="236" rx="28" ry="9" fill="#fef3c7" opacity="0.9"/>
|
|
<ellipse cx="300" cy="240" rx="20" ry="7" fill="#fef3c7" opacity="0.85"/>
|
|
|
|
<!-- Small vegetable / herb accents -->
|
|
<circle cx="224" cy="234" r="6" fill="#86efac" opacity="0.85"/>
|
|
<circle cx="288" cy="234" r="6" fill="#86efac" opacity="0.85"/>
|
|
<circle cx="256" cy="228" r="5" fill="#fb923c" opacity="0.85"/>
|
|
</svg>
|