完善处理器网页内容

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
qwq
2026-04-27 20:14:34 +08:00
co-authored by Copilot
parent e68c5b28bd
commit f5c526f0c1
7 changed files with 174 additions and 15 deletions
+118
View File
@@ -367,6 +367,9 @@
<div class="container mx-auto px-4 md:px-6 lg:px-8">
<div class="max-w-4xl mx-auto mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white text-center">架构</h2>
<p class="text-gray-300 mb-6 text-center">
Wing-M510是面向高可靠性高性能应用的RISC-V微控制器。
</p>
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
</div>
</div>
@@ -585,6 +588,121 @@
</div>
</section>
<!-- 3. 应用场景 -->
<section id="applications" class="section-content py-16 bg-bg-dark" style="background-color:var(--bg-dark);">
<div class="container mx-auto px-4 md:px-6 lg:px-8">
<div class="max-w-4xl mx-auto mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-white text-center">应用场景</h2>
<p class="text-gray-300 mb-6 text-center">
Wing-M510处理器IP凭借其高性能、低功耗、高可靠性特性,广泛应用于以下领域
</p>
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
</div>
</div>
<!-- 应用场景标签 -->
<div class="flex flex-wrap justify-center gap-4 max-w-3xl mx-auto mb-16">
<span
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2">
<i class="fa fa-car"></i> 汽车域控制器
</span>
<span
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
style="transition-delay: 0.1s">
<i class="fa fa-hdd-o"></i> 存储设备
</span>
<span
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
style="transition-delay: 0.2s">
<i class="fa fa-music"></i> 多媒体
</span>
<span
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
style="transition-delay: 0.3s">
<i class="fa fa-industry"></i> 工控
</span>
<span
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
style="transition-delay: 0.4s">
<i class="fa fa-globe"></i> 网络设备
</span>
</div>
<!-- 详细应用场景描述 -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto">
<div class="bg-bg-darker p-6 rounded-xl shadow-md animate-fade-in">
<div class="flex items-start mb-4">
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
<i class="fa fa-car text-primary text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold mb-2 text-white">汽车域控制器</h4>
<p class="text-gray-300">
支持车规ASIL-B/ASIL-D等级,为汽车域控制器提供高可靠性的计算平台,满足汽车功能安全和实时性要求。
</p>
</div>
</div>
</div>
<div class="bg-bg-darker p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
<div class="flex items-start mb-4">
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
<i class="fa fa-hdd-o text-primary text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold mb-2 text-white">存储设备</h4>
<p class="text-gray-300">
提供高效的存储控制能力,支持多协议接口,可用于SSD、HDD等存储设备的主控芯片设计。
</p>
</div>
</div>
</div>
<div class="bg-bg-darker p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.2s">
<div class="flex items-start mb-4">
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
<i class="fa fa-music text-primary text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold mb-2 text-white">多媒体</h4>
<p class="text-gray-300">
支持RVV向量指令集,为音视频编解码、图像处理等多媒体应用提供高性能计算能力。
</p>
</div>
</div>
</div>
<div class="bg-bg-darker p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.3s">
<div class="flex items-start mb-4">
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
<i class="fa fa-industry text-primary text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold mb-2 text-white">工控</h4>
<p class="text-gray-300">
提供高精度、实时性强的工业控制系统解决方案,支持复杂的工业自动化和控制算法,确保工业环境下的稳定可靠运行。
</p>
</div>
</div>
</div>
<div class="bg-bg-darker p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.4s">
<div class="flex items-start mb-4">
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
<i class="fa fa-globe text-primary text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold mb-2 text-white">网络设备</h4>
<p class="text-gray-300">
支持高通量数据包处理,适用于路由器、交换机、防火墙等网络设备的主控芯片。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 5. 优势 -->
<section id="architecture" class="section-content py-16 bg-bg-dark" style="background-color:var(--bg-dark);">
<div class="container mx-auto px-4 md:px-6 lg:px-8">