21 lines
1.2 KiB
Vue
21 lines
1.2 KiB
Vue
<!-- 租房：钥匙、窗框、小家的块面插画 -->
|
||
<template>
|
||
<div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
|
||
<div class="absolute inset-0 bg-gradient-to-b from-amber-50/90 via-orange-50/50 to-amber-100/40" />
|
||
<svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="48" y="72" width="120" height="100" rx="2" fill="#fffbeb" stroke="#b45309" stroke-width="1.4" />
|
||
<path d="M48 120h120M108 72v100" stroke="#b45309" stroke-width="1.2" opacity="0.6" />
|
||
<path
|
||
d="M260 200 L280 180 L300 200 L300 248 L260 248 Z"
|
||
fill="#fde68a"
|
||
stroke="#92400e"
|
||
stroke-width="1.4"
|
||
/>
|
||
<circle cx="280" cy="212" r="10" fill="none" stroke="#92400e" stroke-width="1.6" />
|
||
<path d="M280 212v14" stroke="#92400e" stroke-width="1.6" stroke-linecap="round" />
|
||
<rect x="220" y="200" width="64" height="8" rx="2" fill="#d97706" stroke="#78350f" stroke-width="1.1" />
|
||
<ellipse cx="200" cy="288" rx="160" ry="18" fill="#fed7aa" stroke="#c2410c" stroke-width="1" opacity="0.45" />
|
||
</svg>
|
||
</div>
|
||
</template>
|