gonghao/local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

告警大屏完成

Browse Source
This commit is contained in:
龚皓
2024-11-11 15:37:46 +08:00
parent f456cdaa8c
commit a2234922c8
30 changed files with 5551 additions and 440 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/icons/CameraAll.vue Normal file
View File

@@ -0,0 +1,28 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" class="camera-all-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">
<path fill="currentColor"
d="M12 17.5q1.875 0 3.188-1.312T16.5 13t-1.312-3.187T12 8.5T8.813 9.813T7.5 13t1.313 3.188T12 17.5m0-2q-1.05 0-1.775-.725T9.5 13t.725-1.775T12 10.5t1.775.725T14.5 13t-.725 1.775T12 15.5M4 21q-.825 0-1.412-.587T2 19V7q0-.825.588-1.412T4 5h3.15L8.4 3.65q.275-.3.663-.475T9.875 3h4.25q.425 0 .813.175t.662.475L16.85 5H20q.825 0 1.413.588T22 7v12q0 .825-.587 1.413T20 21z" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.camera-all-icon {
width: 2rem; /* 控制图标的宽度 */
height: 2rem; /* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>

30
src/icons/CameraOffline.vue Normal file
View File

@@ -0,0 +1,30 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="camera-offline-icon">
<path fill="currentColor"
d="m22 17.5l-4-4v1.675L6.825 4H16q.825 0 1.413.588T18 6v4.5l4-4zm-1.45 5.85L.65 3.45l1.4-1.4l19.9 19.9zM4 4l14 14q0 .825-.587 1.413T16 20H4q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.camera-offline-icon {
width: 2rem;
/* 控制图标的宽度 */
height: 2rem;
/* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>

30
src/icons/CameraOnline.vue Normal file
View File

@@ -0,0 +1,30 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="camera-online-icon">
<path fill="currentColor"
d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.587 1.413T16 20z" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.camera-online-icon {
width: 2rem;
/* 控制图标的宽度 */
height: 2rem;
/* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>

29
src/icons/EventAll.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="event-all-icon">
<path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.2q.325-.9 1.088-1.45T12 1t1.713.55T14.8 3H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm3-4h5q.425 0 .713-.288T14 16t-.288-.712T13 15H8q-.425 0-.712.288T7 16t.288.713T8 17m0-4h8q.425 0 .713-.288T17 12t-.288-.712T16 11H8q-.425 0-.712.288T7 12t.288.713T8 13m0-4h8q.425 0 .713-.288T17 8t-.288-.712T16 7H8q-.425 0-.712.288T7 8t.288.713T8 9m4-4.75q.325 0 .538-.213t.212-.537t-.213-.537T12 2.75t-.537.213t-.213.537t.213.538t.537.212" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.event-all-icon {
width: 2rem;
/* 控制图标的宽度 */
height: 2rem;
/* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>

29
src/icons/EventClosed.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="event-closed-icon">
<path fill="currentColor" d="M10.6 16.05L17.65 9l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.2q.325-.9 1.088-1.45T12 1t1.713.55T14.8 3H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm7-16.75q.325 0 .538-.213t.212-.537t-.213-.537T12 2.75t-.537.213t-.213.537t.213.538t.537.212" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.event-closed-icon {
width: 2rem;
/* 控制图标的宽度 */
height: 2rem;
/* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>

29
src/icons/EventPending.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="event-pending-icon">
<path fill="currentColor"
d="M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm-6 8q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.2q.325-.9 1.088-1.45T12 1t1.713.55T14.8 3H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm7-16.75q.325 0 .538-.213t.212-.537t-.213-.537T12 2.75t-.537.213t-.213.537t.213.538t.537.212" />
</svg>
</div>
</template>
<style scoped>
.icon-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.event-pending-icon {
width: 2rem;
/* 控制图标的宽度 */
height: 2rem;
/* 控制图标的高度 */
fill: #29099c;
opacity: 0.8;
color: rgb(40, 222, 235);
background-color: transparent;
border-radius: 4px;
}
</style>