Skip to content

Commit 44ba74a

Browse files
langhuihuilanghuihui
committed
chore: change core features
1 parent 69a82d0 commit 44ba74a

File tree

3 files changed

+78
-83
lines changed

3 files changed

+78
-83
lines changed

‎.vitepress/components/HomeContent.vue‎

Lines changed: 57 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -67,36 +67,61 @@
6767
<SurveillanceCamera class="camera" />
6868
</div>
6969
</div>
70+
<h2>{{ i18n.features.sectionTitle }}</h2>
7071
<div class="features-grid">
7172
<div class="feature-card">
72-
<div class="icon"><PerformanceIcon /></div>
73-
<h3>{{ i18n.features.highPerformance.title }}</h3>
74-
<p>{{ i18n.features.highPerformance.desc }}</p>
73+
<div class="icon"><Icon icon="mdi:all-inclusive" /></div>
74+
<h3>
75+
<template v-if="lang === 'en'">
76+
<span class="highlight"
77+
>{{ i18n.features.oneStop.title.split(' ')[0] }}</span
78+
>{{ i18n.features.oneStop.title.substring(
79+
i18n.features.oneStop.title.split(' ')[0].length
80+
) }}
81+
</template>
82+
<template v-else>
83+
<span class="highlight"
84+
>{{ i18n.features.oneStop.title.substring(0, 3) }}</span
85+
>{{ i18n.features.oneStop.title.substring(3) }}
86+
</template>
87+
</h3>
88+
<p>{{ i18n.features.oneStop.desc }}</p>
7589
</div>
7690
<div class="feature-card">
77-
<div class="icon"><LatencyIcon /></div>
78-
<h3>{{ i18n.features.lowLatency.title }}</h3>
79-
<p>{{ i18n.features.lowLatency.desc }}</p>
80-
</div>
81-
<div class="feature-card">
82-
<div class="icon"><ProtocolIcon /></div>
83-
<h3>{{ i18n.features.observability.title }}</h3>
91+
<div class="icon"><Icon icon="mdi:magnify-scan" /></div>
92+
<h3>
93+
<template v-if="lang === 'en'">
94+
<span class="highlight"
95+
>{{ i18n.features.observability.title.split(' ')[0] }}</span
96+
>{{ i18n.features.observability.title.substring(
97+
i18n.features.observability.title.split(' ')[0].length
98+
) }}
99+
</template>
100+
<template v-else>
101+
<span class="highlight"
102+
>{{ i18n.features.observability.title.substring(0, 3) }}</span
103+
>{{ i18n.features.observability.title.substring(3) }}
104+
</template>
105+
</h3>
84106
<p>{{ i18n.features.observability.desc }}</p>
85107
</div>
86108
<div class="feature-card">
87-
<div class="icon"><PluginIcon /></div>
88-
<h3>{{ i18n.features.pluginBased.title }}</h3>
89-
<p>{{ i18n.features.pluginBased.desc }}</p>
90-
</div>
91-
<div class="feature-card">
92-
<div class="icon"><AiIcon /></div>
93-
<h3>{{ i18n.features.aiCapabilities.title }}</h3>
94-
<p>{{ i18n.features.aiCapabilities.desc }}</p>
95-
</div>
96-
<div class="feature-card">
97-
<div class="icon"><MediaIcon /></div>
98-
<h3>{{ i18n.features.mediaProcessing.title }}</h3>
99-
<p>{{ i18n.features.mediaProcessing.desc }}</p>
109+
<div class="icon"><Icon icon="mdi:puzzle-edit" /></div>
110+
<h3>
111+
<template v-if="lang === 'en'">
112+
<span class="highlight"
113+
>{{ i18n.features.extendable.title.split(' ')[0] }}</span
114+
>{{ i18n.features.extendable.title.substring(
115+
i18n.features.extendable.title.split(' ')[0].length
116+
) }}
117+
</template>
118+
<template v-else>
119+
<span class="highlight"
120+
>{{ i18n.features.extendable.title.substring(0, 3) }}</span
121+
>{{ i18n.features.extendable.title.substring(3) }}
122+
</template>
123+
</h3>
124+
<p>{{ i18n.features.extendable.desc }}</p>
100125
</div>
101126
</div>
102127
</div>
@@ -764,16 +789,12 @@ h1 {
764789
// Features Grid
765790
.features-grid {
766791
display: grid;
767-
grid-template-columns: repeat(3, 1fr);
768-
grid-template-rows: repeat(2, 1fr);
792+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
769793
gap: 2rem;
770-
margin-top: 4rem;
771-
max-width: 1200px;
772-
margin-left: auto;
773-
margin-right: auto;
794+
margin-top: 0rem; // Adjusted margin-top
795+
margin-bottom: 0rem; // Adjusted margin-bottom
774796
}
775797
776-
// Feature Card styles
777798
.feature-card {
778799
.card-base();
779800
.dark-card();
@@ -809,13 +830,19 @@ h1 {
809830
text-align: center;
810831
color: @gradient-highlight-1;
811832
833+
.highlight {
834+
color: @gradient-highlight-2; // Or any color you prefer for highlighting
835+
font-weight: bold; // Make it bold
836+
}
837+
812838
html:not(.dark) & {
813839
color: @primary-color-dark;
814840
}
815841
}
816842
817843
p {
818844
color: @text-color-dark-2;
845+
text-align: center; // Add this line to center the text
819846
820847
html:not(.dark) & {
821848
color: @text-color-light;

‎.vitepress/i18n/en.js‎

Lines changed: 10 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -5,34 +5,18 @@ export default {
55
quickStart: 'Quick Start',
66
},
77
features: {
8-
title: 'Core Features',
9-
highPerformance: {
10-
title: 'High Performance',
11-
desc: 'Lock-free design, partial manual memory management, multi-core computing'
12-
},
13-
lowLatency: {
14-
title: 'Low Latency',
15-
desc: 'Zero-wait forwarding, sub-second end-to-end latency'
8+
sectionTitle: 'Core Advantages',
9+
oneStop: {
10+
title: 'One-stop Solution',
11+
desc: 'Fully built-in, cross-platform, easy to deploy'
1612
},
1713
observability: {
18-
title: 'Observability',
19-
desc: 'Comprehensive monitoring, logging, and diagnostic capabilities'
20-
},
21-
multiProtocol: {
22-
title: 'Multi-Protocol',
23-
desc: 'Support for RTMP, RTSP, WebRTC, HLS, SRT, ONVIF and other protocols'
24-
},
25-
pluginBased: {
26-
title: 'Plugin-Based',
27-
desc: 'Load on demand, unlimited extensibility'
14+
title: 'Observable System Architecture',
15+
desc: 'Visualizable, traceable, testable'
2816
},
29-
aiCapabilities: {
30-
title: 'AI Capabilities',
31-
desc: 'Integrated ONNX inference engine, support for custom processing'
32-
},
33-
mediaProcessing: {
34-
title: 'Media Processing',
35-
desc: 'Support for screenshots, transcoding, SEI data processing'
17+
extendable: {
18+
title: 'Extendable & Developer-Friendly',
19+
desc: 'Plugin-based, interface-based, standardized'
3620
}
3721
},
3822
architecture: {
@@ -48,7 +32,7 @@ export default {
4832
clients: 'Clients'
4933
},
5034
coreFeatures: {
51-
title: 'Core Features',
35+
title: 'Feature Overview',
5236
mediaProcessing: {
5337
title: 'Media Processing',
5438
desc: 'Support for screenshots, transcoding, SEI data processing'

‎.vitepress/i18n/zh.js‎

Lines changed: 11 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -5,38 +5,22 @@ export default {
55
quickStart: '快速入门',
66
},
77
features: {
8-
title: '核心特性',
9-
highPerformance: {
10-
title: '高性能',
11-
desc: '无锁设计、部分手动管理内存、多核计算'
12-
},
13-
lowLatency: {
14-
title: '低延迟',
15-
desc: '0等待转发、全链路亚秒级延迟'
8+
sectionTitle: '核心优势',
9+
oneStop: {
10+
title: '一站式解决方案',
11+
desc: '全内置、跨平台、易部署'
1612
},
1713
observability: {
18-
title: '可观测',
19-
desc: '全面的监控、日志和诊断能力'
20-
},
21-
multiProtocol: {
22-
title: '多协议',
23-
desc: 'RTMP、RTSP、WebRTC、HLS、SRT、ONVIF、GB28181等协议支持'
14+
title: '可观测系统架构',
15+
desc: '可视化、可追溯、可测试'
2416
},
25-
pluginBased: {
26-
title: '插件化',
27-
desc: '按需加载，无限扩展能力'
28-
},
29-
aiCapabilities: {
30-
title: 'AI能力',
31-
desc: '集成ONNX推理引擎，支持自定义处理'
32-
},
33-
mediaProcessing: {
34-
title: '媒体处理',
35-
desc: '支持截图、转码、SEI数据处理'
17+
extendable: {
18+
title: '易扩展二开友好',
19+
desc: '插件化、接口化、标准化'
3620
}
3721
},
3822
architecture: {
39-
title: '架构',
23+
title: '整体架构',
4024
visualization: '可视化',
4125
admin: 'Admin',
4226
integration: '集成',
@@ -48,7 +32,7 @@ export default {
4832
clients: '客户端'
4933
},
5034
coreFeatures: {
51-
title: '核心特性',
35+
title: '功能一览',
5236
mediaProcessing: {
5337
title: '🎥 媒体处理',
5438
desc: '支持截图、转码、SEI数据处理'

0 commit comments

Comments
 (0)