完成远程控制页面中点火和熄火的长按选中类别的操作

完成远程控制页面中割刀的长按选中类别的操作
This commit is contained in:
2026-03-17 16:10:40 +08:00
parent f31a20f1d9
commit 68a45ee487
7 changed files with 204 additions and 55 deletions

1
assets/svgs/fire.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame-icon lucide-flame"><path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"/></svg>

After

Width:  |  Height:  |  Size: 335 B

View File

@@ -1 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame-icon lucide-flame"><path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame-icon lucide-flame">
<!-- 绕中心逆时针旋转90°(向左转),中心点12,12适配24x24画布 -->
<g transform="rotate(-90 12 12)">
<path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 335 B

After

Width:  |  Height:  |  Size: 483 B

View File

@@ -2,24 +2,26 @@
width="24"
height="24"
viewBox="0 0 24 24">
<!-- 核心修改:rotate(-90 12 12) 表示绕中心逆时针旋转90°(向左转) -->
<g transform="rotate(-90 12 12)">
<!-- 原有火焰主体图形 -->
<path
d="M12 3
q1 4 4 6.5
t3 5.5
a1 1 0 0 1 -14 0
a5 5 0 0 1 1 -3
a1 1 0 0 0 5 0
c0 -2 -1.5 -3 -1.5 -5
q0 -2 2.5 -4"
fill="black"/>
<!-- 原来的主体图形 -->
<path
d="M12 3
q1 4 4 6.5
t3 5.5
a1 1 0 0 1 -14 0
a5 5 0 0 1 1 -3
a1 1 0 0 0 5 0
c0 -2 -1.5 -3 -1.5 -5
q0 -2 2.5 -4"
fill="black"/>
<!-- 右上角水平减号 -->
<path
d="M16 4 L20 4"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
</svg>
<!-- 右上角水平减号(旋转后适配水平滑块) -->
<path
d="M16 4 L20 4"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 511 B

After

Width:  |  Height:  |  Size: 760 B

View File

@@ -2,32 +2,34 @@
width="24"
height="24"
viewBox="0 0 24 24">
<!-- 核心:绕中心逆时针旋转90°(向左转),中心点12,12适配24x24画布 -->
<g transform="rotate(-90 12 12)">
<!-- 原来的火焰主体图形 -->
<path
d="M12 3
q1 4 4 6.5
t3 5.5
a1 1 0 0 1 -14 0
a5 5 0 0 1 1 -3
a1 1 0 0 0 5 0
c0 -2 -1.5 -3 -1.5 -5
q0 -2 2.5 -4"
fill="black"/>
<!-- 原来的主体图形 -->
<path
d="M12 3
q1 4 4 6.5
t3 5.5
a1 1 0 0 1 -14 0
a5 5 0 0 1 1 -3
a1 1 0 0 0 5 0
c0 -2 -1.5 -3 -1.5 -5
q0 -2 2.5 -4"
fill="black"/>
<!-- 右上角加号:水平线 -->
<path
d="M16 4 L20 4"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
<!-- 右上角加号:水平线 -->
<path
d="M16 4 L20 4"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
<!-- 右上角加号:垂直线 -->
<path
d="M18 2 L18 6"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
</svg>
<!-- 右上角加号:垂直线 -->
<path
d="M18 2 L18 6"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 694 B

After

Width:  |  Height:  |  Size: 945 B

1
assets/svgs/scissors.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors-icon lucide-scissors"><circle cx="6" cy="6" r="3"/><path d="M8.12 8.12 12 12"/><path d="M20 4 8.12 15.88"/><circle cx="6" cy="18" r="3"/><path d="M14.8 14.8 20 20"/></svg>

After

Width:  |  Height:  |  Size: 382 B