feat: replace admin login illustration with real-estate scene.
Swap the template undraw artwork for a city-and-appraisal SVG on the staff login page.
This commit is contained in:
wuzilong committed
1 parent
c3eac4c5d4
commit
1ce05af3d4
1 file changed
+95
-1
@@ -1 +1,95 @@
|
||||
<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="44" y="42" width="312" height="217"><path d="M355.3 42H44v216.9h311.3V42Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M288.2 248.4h25.1v-30h-25.1v30Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.498 238.199c-1.5-3.9-5.9-15.4-4-21.6-2.9.8-3.3.1-5-.1-1.7-.1 0 10.7 2.2 16.4 1.7 4.5 2.1 11.1 2.1 13.6h5.4c.2-1.9.3-5.5-.7-8.3Z" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6" fill="#fff"/><path d="M311.5 214.7v-1.6c0-.7-.6-1.3-1.3-1.3h-22.8c-.7 0-1.3.6-1.3 1.3v1.6M290.2 214.7h21.4c1 0 1.8.8 1.8 1.8v29" stroke="#071F4D" stroke-width="1.096"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" fill="#fff"/><path d="M284.3 245.6v-29c0-1 .8-1.8 1.8-1.8h1.6" stroke="#071F4D" stroke-width="1.096"/><path d="M295.402 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3M300.502 216.5c-.9 4.2-.4 9.7 2.8 17.5 2.4 5.9 1.9 10.2 1.8 12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m331 258.4-.3-5.2H88.5l-1.2 5.2H331Z" fill="#C7DEFF"/><path d="M252.9 248.7H331M216.6 258.4H331M47.1 139.3l-2.6 1.5 42.7 117.6h129.2v-6.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" fill="#fff"/><path d="m247.2 248.6-40.4-111.3H50.5l40.3 111.3h156.4Z" stroke="#071F4D"/><path d="m203.2 153.2 32.2 88.7H97.8l-32.3-88.7" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M72.2 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4ZM79.3 146.9c-.77 0-1.4.63-1.4 1.4 0 .77.63 1.4 1.4 1.4.77 0 1.4-.63 1.4-1.4 0-.77-.63-1.4-1.4-1.4Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.5 171.2h80.3v-63.7h-80.3v63.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M290 143.9h-45.6l12.5 51.3H290v-51.3Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M286 117.4h-29.3v77.8h92.9v-67.6l-55.9.6-7.7-10.8Z" fill="#00E4E5"/><path d="m332.6 127.6-38.9.6-7.7-10.8h-11.7M308.9 195.2h45.9M250.3 195.2h28.5M287.3 195.2h12.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.5 211.4H186v-44h-55.5v44Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.7 192.5h-31.6l8.7 35.5h22.9v-35.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M145.9 174.2h-20.2V228h64.1v-46.7l-38.6.4-5.3-7.5Z" fill="#006EFF"/><path d="m179 181.3-27.8.4-5.3-7.5h-7.7M176.2 201.7h19.2M163.2 210.7H195M172.1 228h-54.2M184.8 228h8.1M174.9 228h5.4" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="m293.2 155.7-6.4 6.3 15.3 15.3 22.7-22.6-6.4-6.4-16.3 16.3-8.9-8.9Z" fill="#fff"/><path d="M57.2 258.4h283.6M345.9 258.4h8.1M55.4 258.4h220.5M160.1 118.8l-1.2 2.7M156.7 127c-.3.8-.7 1.8-1.1 2.8M222 68.5c-1 .2-1.9.5-2.9.8M214.1 70.7c-5.8 1.9-11.3 4.4-16.5 7.4M195.4 79.5c-.9.5-1.7 1.1-2.5 1.6M314.2 98.5c-.6-.8-1.3-1.5-2-2.3M308.9 92.8c-4-4-8.3-7.6-13-10.8M293.9 80.7c-.8-.5-1.7-1.1-2.5-1.6" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.296 71.203c-3.6-1.5-18.5-2.9-21.8-1.9-1 5.8 4.9 13.5 4.9 13.5s6-9.9 16.9-11.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M251.3 42.704c-6.5 6.7-7.8 13-8.8 19.3 24.4-1.1 36.3 13 42.8 20 3.2-9.1 7.8-23 7.2-29-7.1-6.4-20-11.7-41.2-10.3Z" fill="#C7DEFF"/><path d="M230 69.3c36.2-3.8 52 21.1 52 21.1s11.4-28.2 10.5-37.4c-7.3-6.5-23.3-12-45.6-10.1-9 6.3-15.6 18.7-16.9 26.4Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M161.604 70.7c-6 8.4-9.9 21.9-8.8 33.8 8.4 5.3 32.3 10.5 43.6 11.5 6.1-7.9 15.9-26 15.9-26s-32-4.8-50.7-19.3Z" fill="#C7DEFF"/><path d="M193.103 119.5c4.8-2.7 19.2-29.5 19.2-29.5s-35.8-5.4-53.7-21.8c-9.3 6.1-16.4 24.3-15 40.1 10.6 6.7 45.8 13.3 49.5 11.2Z" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M189.5 111.6c-3 5.2-5.7 7.2-9.8 6.6 12.2 2.6 13.5 1.2 15.6-1.1 2.2-2.4 4.2-6.6 4.2-6.6s-3.1 2.5-10 1.1Z" fill="#071F4D"/><path d="M331 251.8v6.6M77 165.4l-2.7-6.7h7.8M222.8 228.9l2.8 6.6h-7.9" stroke="#071F4D"/></g></svg>
|
||||
<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="城市建筑与房产估价示意">
|
||||
<!-- Real-estate / appraisal illustration; palette aligned with ThemeSvg COLOR_MAPPINGS -->
|
||||
|
||||
<!-- Soft ground plane -->
|
||||
<path d="M24 252h352v10H24z" fill="#C7DEFF"/>
|
||||
<path d="M24 252h352" stroke="#071F4D" stroke-width="1.2"/>
|
||||
<path d="M24 258h352v4H24z" fill="#DEEBFC"/>
|
||||
|
||||
<!-- Distant skyline block -->
|
||||
<g fill="#DEEBFC" stroke="#071F4D" stroke-width="1">
|
||||
<path d="M40 252V176h18v76H40Z"/>
|
||||
<path d="M62 252V158h14v94H62Z"/>
|
||||
<path d="M80 252V184h16v68H80Z"/>
|
||||
<path d="M100 252V166h12v86h-12Z"/>
|
||||
<path d="M116 252V148h20v104h-20Z"/>
|
||||
<path d="M140 252V172h14v80h-14Z"/>
|
||||
<path d="M158 252V160h18v92h-18Z"/>
|
||||
<path d="M180 252V178h12v74h-12Z"/>
|
||||
<path d="M196 252V142h22v110h-22Z"/>
|
||||
<path d="M222 252V168h16v84h-16Z"/>
|
||||
<path d="M242 252V154h14v98h-14Z"/>
|
||||
<path d="M260 252V186h20v66h-20Z"/>
|
||||
<path d="M284 252V162h16v90h-16Z"/>
|
||||
<path d="M304 252V174h18v78h-18Z"/>
|
||||
<path d="M326 252V150h20v102h-20Z"/>
|
||||
<path d="M350 252V190h18v62h-18Z"/>
|
||||
</g>
|
||||
|
||||
<!-- Left tower -->
|
||||
<path d="M58 252V108h58v144H58Z" fill="#fff" stroke="#071F4D" stroke-width="1.25"/>
|
||||
<path d="M58 120h58" stroke="#C7DEFF" stroke-width="1"/>
|
||||
<path d="M72 108v144M90 108v144" stroke="#DEEBFC" stroke-width="1"/>
|
||||
<g fill="#C7DEFF" stroke="#071F4D" stroke-width="0.7">
|
||||
<path d="M66 132h8v11H66zm14 0h8v11h-8zm14 0h8v11h-8z"/>
|
||||
<path d="M66 154h8v11H66zm14 0h8v11h-8zm14 0h8v11h-8z"/>
|
||||
<path d="M66 176h8v11H66zm14 0h8v11h-8zm14 0h8v11h-8z"/>
|
||||
<path d="M66 198h8v11H66zm14 0h8v11h-8zm14 0h8v11h-8z"/>
|
||||
<path d="M66 220h8v11H66zm14 0h8v11h-8zm14 0h8v11h-8z"/>
|
||||
</g>
|
||||
<path d="M58 108h58v-8H58z" fill="#00E4E5" stroke="#071F4D" stroke-width="1.1"/>
|
||||
<path d="M82 100h10v8H82z" fill="#006EFF" stroke="#071F4D" stroke-width="1"/>
|
||||
|
||||
<!-- Center flagship building -->
|
||||
<path d="M132 252V78h86v174h-86Z" fill="#fff" stroke="#071F4D" stroke-width="1.3"/>
|
||||
<path d="M132 94h86" stroke="#006EFF" stroke-width="2.2"/>
|
||||
<path d="M148 78v174M175 78v174M198 78v174" stroke="#DEEBFC" stroke-width="1"/>
|
||||
<g fill="#C7DEFF" stroke="#071F4D" stroke-width="0.7">
|
||||
<path d="M140 108h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
<path d="M140 132h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
<path d="M140 156h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
<path d="M140 180h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
<path d="M140 204h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
<path d="M140 228h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12zm20 0h12v13h-12z"/>
|
||||
</g>
|
||||
<!-- Pediment roof -->
|
||||
<path d="M132 78h86l-43-22-43 22Z" fill="#006EFF" stroke="#071F4D" stroke-width="1.25"/>
|
||||
<path d="M168 56v10" stroke="#071F4D" stroke-width="1.4"/>
|
||||
<circle cx="168" cy="52" r="4" fill="#00E4E5" stroke="#071F4D" stroke-width="1"/>
|
||||
|
||||
<!-- Right tower -->
|
||||
<path d="M232 252V118h72v134h-72Z" fill="#fff" stroke="#071F4D" stroke-width="1.25"/>
|
||||
<path d="M232 130h72" stroke="#C7DEFF" stroke-width="1"/>
|
||||
<path d="M250 118v134M268 118v134M286 118v134" stroke="#DEEBFC" stroke-width="1"/>
|
||||
<g fill="#C7DEFF" stroke="#071F4D" stroke-width="0.7">
|
||||
<path d="M242 142h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10z"/>
|
||||
<path d="M242 166h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10z"/>
|
||||
<path d="M242 190h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10z"/>
|
||||
<path d="M242 214h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10zm18 0h10v12h-10z"/>
|
||||
</g>
|
||||
<path d="M232 118h72v10H232z" fill="#00E4E5" stroke="#071F4D" stroke-width="1.1"/>
|
||||
|
||||
<!-- Foreground podium / annex -->
|
||||
<path d="M86 252V204h108v48H86Z" fill="#fff" stroke="#071F4D" stroke-width="1.25"/>
|
||||
<path d="M86 216h108" stroke="#C7DEFF" stroke-width="1"/>
|
||||
<g fill="#DEEBFC" stroke="#071F4D" stroke-width="0.8">
|
||||
<path d="M98 222h18v20H98z"/>
|
||||
<path d="M126 222h18v20h-18z"/>
|
||||
<path d="M154 222h18v20h-18z"/>
|
||||
</g>
|
||||
<path d="M86 204h108v8H86z" fill="#C7DEFF" stroke="#071F4D" stroke-width="1"/>
|
||||
|
||||
<!-- Appraisal report card -->
|
||||
<path d="M298 176h78v76H298z" fill="#fff" stroke="#071F4D" stroke-width="1.3"/>
|
||||
<path d="M298 176h78v14H298z" fill="#006EFF" stroke="#071F4D" stroke-width="1.1"/>
|
||||
<path d="M310 204h54M310 218h46M310 232h50" stroke="#071F4D" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="m318 194 7 7 14-16" stroke="#00E4E5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<!-- Small ruler / scale mark -->
|
||||
<path d="M306 248h62" stroke="#C7DEFF" stroke-width="2"/>
|
||||
<path d="M306 244v8M321 245v6M336 244v8M351 245v6M366 244v8" stroke="#071F4D" stroke-width="1.2"/>
|
||||
|
||||
<!-- Subtle compass / survey mark -->
|
||||
<circle cx="48" cy="74" r="14" fill="#DEEBFC" stroke="#071F4D" stroke-width="1.2"/>
|
||||
<circle cx="48" cy="74" r="4" fill="#006EFF" stroke="#071F4D" stroke-width="1"/>
|
||||
<path d="M48 60v6M48 82v6M34 74h6M56 74h6" stroke="#071F4D" stroke-width="1.2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 5.0 KiB |
Reference in new issue
Block a user