【私域操盘手】 操盘手端UI - 首页

This commit is contained in:
柳清爽
2025-03-24 11:55:58 +08:00
parent a623090d00
commit c7bd865dad
10 changed files with 208 additions and 33 deletions

View File

@@ -0,0 +1,27 @@
@font-face {
font-family: 'Digital-Bold';
src: url('https://cdn.jsdelivr.net/npm/alibaba-puhuiti@1.0.0/AlibabaPuHuiTi-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Digital-Medium';
src: url('https://cdn.jsdelivr.net/npm/alibaba-puhuiti@1.0.0/AlibabaPuHuiTi-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.digital-text {
font-family: 'Digital-Bold', sans-serif;
font-weight: bold;
letter-spacing: 0.5px;
}
.digital-number {
font-family: 'Digital-Bold', sans-serif;
font-weight: bold;
letter-spacing: 0.5px;
}

View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 34 H18 L22 24 L30 44 L38 14 L46 44 L50 34 H60"
stroke="#4080ff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
fill="none" />
<path d="M5 34 H15 L19 24 L27 44 L35 14 L43 44 L47 34 H63"
stroke="#4080ff"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
opacity="0.3"
fill="none" />
</svg>

After

Width:  |  Height:  |  Size: 566 B

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 20C18 17.7909 19.7909 16 22 16H46C48.2091 16 50 17.7909 50 20V48C50 50.2091 48.2091 52 46 52H22C19.7909 52 18 50.2091 18 48V20Z"
stroke="#4080ff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
fill="none" />
<line x1="18" y1="44" x2="50" y2="44"
stroke="#4080ff"
stroke-width="3"
stroke-linecap="round" />
<line x1="18" y1="22" x2="50" y2="22"
stroke="#4080ff"
stroke-width="3"
stroke-linecap="round" />
<rect x="30" y="46" width="8" height="3" rx="1.5"
stroke="#4080ff"
stroke-width="2"
fill="none" />
</svg>

After

Width:  |  Height:  |  Size: 806 B

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- 中间大人像 -->
<circle cx="34" cy="25" r="7.5"
stroke="#4080ff"
stroke-width="3.5"
fill="none" />
<path d="M22 49c0-6.6 5.4-12 12-12s12 5.4 12 12"
stroke="#4080ff"
stroke-width="3.5"
stroke-linecap="round"
fill="none" />
<!-- 左侧小人像 -->
<circle cx="18" cy="29" r="5"
stroke="#4080ff"
stroke-width="3"
fill="none" />
<path d="M10 47c0-4.4 3.6-8 8-8s8 3.6 8 8"
stroke="#4080ff"
stroke-width="3"
stroke-linecap="round"
fill="none" />
<!-- 右侧小人像 -->
<circle cx="50" cy="29" r="5"
stroke="#4080ff"
stroke-width="3"
fill="none" />
<path d="M42 47c0-4.4 3.6-8 8-8s8 3.6 8 8"
stroke="#4080ff"
stroke-width="3"
stroke-linecap="round"
fill="none" />
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- 第一个用户图标 -->
<circle cx="24" cy="21" r="7"
stroke="#4080ff"
stroke-width="3.5"
fill="none" />
<path d="M14 46C14 39.4 19.4 34 26 34H28C34.6 34 40 39.4 40 46"
stroke="#4080ff"
stroke-width="3.5"
stroke-linecap="round"
fill="none" />
<!-- 第二个用户图标(小一些,叠加效果) -->
<circle cx="44" cy="21" r="6"
stroke="#4080ff"
stroke-width="3"
fill="none" />
<path d="M34 46C34 39.4 39.4 34 46 34H48C54.6 34 60 39.4 60 46"
stroke="#4080ff"
stroke-width="3"
stroke-linecap="round"
fill="none" />
</svg>

After

Width:  |  Height:  |  Size: 823 B

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.4 39.2c0-7.8-7.8-14.2-16.9-14.2s-16.9 6.3-16.9 14.2c0 7.8 7.8 14.2 16.9 14.2 2 0 3.9-0.3 5.7-0.8l5.2 2.9c0.1 0.1 0.3 0.1 0.4 0.1 0.2 0 0.3-0.1 0.4-0.2 0.2-0.2 0.2-0.5 0-0.7l-4-4.5c5.8-2.4 9.2-7.1 9.2-11z"
stroke="#4080ff"
stroke-width="3.5"
stroke-linejoin="round"
fill="none" />
<path d="M28 32.8c-1.1 0-2 0.9-2 2s0.9 2 2 2 2-0.9 2-2-0.9-2-2-2z"
fill="#4080ff" />
<path d="M35 32.8c-1.1 0-2 0.9-2 2s0.9 2 2 2 2-0.9 2-2-0.9-2-2-2z"
fill="#4080ff" />
<path d="M55.4 24.2c0-6.2-6.6-11.2-14.6-11.2-8 0-14.6 5-14.6 11.2 0 6.2 6.6 11.2 14.6 11.2 1.6 0 3.2-0.2 4.7-0.6l3.2 2.3c0.1 0.1 0.3 0.1 0.4 0.1 0.1 0 0.3-0.1 0.4-0.2 0.2-0.2 0.2-0.4 0-0.6l-2.5-3.5c4.3-2.1 8.4-5 8.4-8.7z"
stroke="#4080ff"
stroke-width="3.5"
stroke-linejoin="round"
fill="none" />
<path d="M37 23c-0.8 0-1.5 0.7-1.5 1.5s0.7 1.5 1.5 1.5 1.5-0.7 1.5-1.5-0.7-1.5-1.5-1.5z"
fill="#4080ff" />
<path d="M44 23c-0.8 0-1.5 0.7-1.5 1.5s0.7 1.5 1.5 1.5 1.5-0.7 1.5-1.5-0.7-1.5-1.5-1.5z"
fill="#4080ff" />
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB