26 lines
845 B
Vue
26 lines
845 B
Vue
|
<!-- 终章心窗背后：柔色漫画夜空 + 零星花瓣线稿 -->
|
|||
|
|
<template>
|
|||
|
|
<div
|
|||
|
|
class="pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-2xl bg-gradient-to-b from-violet-100/50 via-pink-50/40 to-lokta-cream/60"
|
|||
|
|
aria-hidden="true"
|
|||
|
|
>
|
|||
|
|
<svg class="absolute inset-0 h-full w-full opacity-70" viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
|
|||
|
|
<circle cx="300" cy="48" r="22" fill="#fef3c7" stroke="#b45309" stroke-width="1.2" />
|
|||
|
|
<path
|
|||
|
|
d="M80 200 Q120 160 160 200 Q120 220 80 200"
|
|||
|
|
fill="none"
|
|||
|
|
stroke="#db2777"
|
|||
|
|
stroke-width="1.2"
|
|||
|
|
opacity="0.45"
|
|||
|
|
/>
|
|||
|
|
<path
|
|||
|
|
d="M260 220 Q300 180 340 220 Q300 240 260 220"
|
|||
|
|
fill="none"
|
|||
|
|
stroke="#7c3aed"
|
|||
|
|
stroke-width="1.1"
|
|||
|
|
opacity="0.4"
|
|||
|
|
/>
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</template>
|