chore: 🔨 增加系统登录页面背景图供用户选择
This commit is contained in:
71
src/assets/images/login-bg1.svg
Normal file
71
src/assets/images/login-bg1.svg
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--blue: rgba(64, 158, 255, 0.08);
|
||||||
|
--grey: rgba(144, 147, 153, 0.05);
|
||||||
|
--orange: rgba(230, 162, 60, 0.06);
|
||||||
|
--green: rgba(144, 238, 144, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--blue: rgba(64, 158, 255, 0.04);
|
||||||
|
--grey: rgba(144, 147, 153, 0.03);
|
||||||
|
--orange: rgba(230, 162, 60, 0.04);
|
||||||
|
--green: rgba(144, 238, 144, 0.04);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- 左侧波浪 -->
|
||||||
|
<path d="M-50 550 Q200 500 450 550 T950 530"
|
||||||
|
fill="none"
|
||||||
|
stroke="#409EFF"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-opacity="0.05"
|
||||||
|
stroke-linecap="round">
|
||||||
|
</path>
|
||||||
|
|
||||||
|
<!-- 右侧波浪 -->
|
||||||
|
<path d="M450 650 Q800 620 1150 660 T1550 630"
|
||||||
|
fill="none"
|
||||||
|
stroke="#909399"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-opacity="0.03"
|
||||||
|
stroke-linecap="round">
|
||||||
|
</path>
|
||||||
|
|
||||||
|
<!-- 右下方圆形 -->
|
||||||
|
<circle cx="950" cy="400" r="70"
|
||||||
|
fill="var(--blue)"
|
||||||
|
stroke="#409EFF"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-opacity="0.05">
|
||||||
|
</circle>
|
||||||
|
|
||||||
|
<!-- 左上方半球形 -->
|
||||||
|
<g transform="rotate(-10, 300, 180)">
|
||||||
|
<path d="M 180 180 A 120 120 0 1 1 420 180 Q420 195 405 195 L 310 195 L 195 195 Q180 195 180 180"
|
||||||
|
fill="var(--orange)"
|
||||||
|
stroke="#E6A23C"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-opacity="0.05">
|
||||||
|
</path>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- 左下方三角形 -->
|
||||||
|
<path d="M300 600 L380 520 L420 650 Z"
|
||||||
|
fill="var(--green)"
|
||||||
|
stroke="#909399"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-opacity="0.04">
|
||||||
|
</path>
|
||||||
|
|
||||||
|
<!-- 旋转方块 -->
|
||||||
|
<rect x="1000" y="420" rx="10" ry="10" width="60" height="60" fill="rgba(169, 174, 184, 0.1)" stroke="rgba(169, 174, 184, 0.2)" stroke-width="1" opacity="0.5">
|
||||||
|
<animateTransform attributeType="XML" attributeName="transform"
|
||||||
|
begin="0s" dur="30s" type="rotate"
|
||||||
|
from="0 1450 550" to="360 1450 550"
|
||||||
|
repeatCount="indefinite"/>
|
||||||
|
</rect>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
Reference in New Issue
Block a user