0908
This commit is contained in:
77
office-site/assets/img/hero-nas.svg
Normal file
77
office-site/assets/img/hero-nas.svg
Normal file
@@ -0,0 +1,77 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 420" width="480" height="420">
|
||||
<defs>
|
||||
<linearGradient id="body" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#f4f6f8"/>
|
||||
<stop offset="1" stop-color="#dfe4ea"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="bay" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#ffffff"/>
|
||||
<stop offset="1" stop-color="#e9edf2"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="acc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#ff8a3d"/>
|
||||
<stop offset="1" stop-color="#ff6900"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<ellipse cx="240" cy="392" rx="140" ry="16" fill="#000" opacity=".07"/>
|
||||
|
||||
<!-- 机箱 -->
|
||||
<rect x="140" y="26" width="200" height="336" rx="18" fill="url(#body)" stroke="#c7ced6" stroke-width="2"/>
|
||||
<rect x="140" y="26" width="200" height="336" rx="18" fill="none" stroke="#ffffff" stroke-width="1" opacity=".6"/>
|
||||
|
||||
<!-- 顶部散热格栅 -->
|
||||
<g stroke="#c2c9d1" stroke-width="3" stroke-linecap="round">
|
||||
<line x1="172" y1="48" x2="308" y2="48"/>
|
||||
<line x1="172" y1="58" x2="308" y2="58"/>
|
||||
</g>
|
||||
|
||||
<!-- 四盘位 -->
|
||||
<g>
|
||||
<rect x="158" y="78" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
|
||||
<rect x="168" y="90" width="46" height="28" rx="4" fill="#c8d0d8"/>
|
||||
<rect x="222" y="96" width="88" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<rect x="222" y="108" width="60" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<circle cx="300" cy="99" r="4" fill="#52c41a"/>
|
||||
|
||||
<rect x="158" y="138" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
|
||||
<rect x="168" y="150" width="46" height="28" rx="4" fill="#c8d0d8"/>
|
||||
<rect x="222" y="156" width="88" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<rect x="222" y="168" width="60" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<circle cx="300" cy="159" r="4" fill="#52c41a"/>
|
||||
|
||||
<rect x="158" y="198" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
|
||||
<rect x="168" y="210" width="46" height="28" rx="4" fill="#c8d0d8"/>
|
||||
<rect x="222" y="216" width="88" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<rect x="222" y="228" width="60" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<circle cx="300" cy="219" r="4" fill="#52c41a"/>
|
||||
|
||||
<rect x="158" y="258" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
|
||||
<rect x="168" y="270" width="46" height="28" rx="4" fill="#c8d0d8"/>
|
||||
<rect x="222" y="276" width="88" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<rect x="222" y="288" width="60" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<circle cx="300" cy="279" r="4" fill="#52c41a"/>
|
||||
</g>
|
||||
|
||||
<!-- 底部品牌条与指示灯 -->
|
||||
<rect x="158" y="324" width="164" height="22" rx="11" fill="#2f3540"/>
|
||||
<circle cx="176" cy="335" r="5" fill="url(#acc)"/>
|
||||
<rect x="192" y="332" width="70" height="6" rx="3" fill="#5a626e"/>
|
||||
|
||||
<!-- 底座 -->
|
||||
<rect x="176" y="362" width="30" height="10" rx="4" fill="#b9c1c9"/>
|
||||
<rect x="274" y="362" width="30" height="10" rx="4" fill="#b9c1c9"/>
|
||||
|
||||
<!-- 装饰:网络/云 -->
|
||||
<g opacity=".9">
|
||||
<path d="M92 120a26 26 0 0 1 25-19 30 30 0 0 1 56 8 22 22 0 0 1-3 43h-56a26 26 0 0 1-22-32z" fill="#ffffff" stroke="#ff6900" stroke-width="2" opacity=".85"/>
|
||||
<path d="M112 152v26M132 152v18M152 152v26" stroke="#ff6900" stroke-width="2" stroke-linecap="round" opacity=".7"/>
|
||||
</g>
|
||||
<g opacity=".9">
|
||||
<rect x="368" y="96" width="72" height="52" rx="8" fill="#ffffff" stroke="#c7ced6" stroke-width="2"/>
|
||||
<rect x="380" y="112" width="48" height="6" rx="3" fill="#ff6900" opacity=".8"/>
|
||||
<rect x="380" y="124" width="34" height="6" rx="3" fill="#dfe4ea"/>
|
||||
<circle cx="404" cy="168" r="16" fill="#fff" stroke="#ff6900" stroke-width="2"/>
|
||||
<path d="M398 168l5 5 9-10" stroke="#ff6900" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
Reference in New Issue
Block a user