|
|
| Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
| __NOEDITSECTION__ | | __NOEDITSECTION__ |
|
| |
| <style>
| |
| /* 隐藏首页标题 */
| |
| .page-Main_Page .firstHeading,
| |
| .page-Main_Page #firstHeading {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* 横幅 */
| |
| .os-banner {
| |
| background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%);
| |
| color: #fff;
| |
| padding: 2.5rem 2rem;
| |
| border-radius: 10px;
| |
| margin-bottom: 2rem;
| |
| }
| |
| .os-banner h2 {
| |
| font-size: 1.6rem;
| |
| font-weight: 700;
| |
| margin: 0 0 0.5rem 0;
| |
| border: none;
| |
| color: #fff;
| |
| padding: 0;
| |
| }
| |
| .os-banner p {
| |
| font-size: 1rem;
| |
| opacity: 0.9;
| |
| margin: 0;
| |
| }
| |
|
| |
| /* 小标题 */
| |
| .os-section-title {
| |
| font-size: 1.2rem;
| |
| font-weight: 700;
| |
| color: #1a237e;
| |
| margin: 2rem 0 1rem;
| |
| padding-bottom: 0.4rem;
| |
| border-bottom: 2px solid #1a237e;
| |
| display: inline-block;
| |
| }
| |
|
| |
| /* 卡片网格 */
| |
| .os-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
| |
| gap: 1.2rem;
| |
| margin: 0 0 2rem 0;
| |
| }
| |
| .os-card {
| |
| background: #fff;
| |
| border: 1px solid #e5e7eb;
| |
| border-radius: 8px;
| |
| padding: 1.5rem;
| |
| text-align: center;
| |
| transition: all 0.2s ease;
| |
| cursor: pointer;
| |
| display: block;
| |
| }
| |
| .os-card:hover {
| |
| border-color: #1a237e;
| |
| box-shadow: 0 4px 16px rgba(26,35,126,0.1);
| |
| transform: translateY(-2px);
| |
| }
| |
| .os-card-icon {
| |
| font-size: 2.2rem;
| |
| margin-bottom: 0.8rem;
| |
| line-height: 1;
| |
| }
| |
| .os-card-title {
| |
| font-size: 1.05rem;
| |
| font-weight: 600;
| |
| color: #1f2937;
| |
| margin-bottom: 0.3rem;
| |
| }
| |
| .os-card-desc {
| |
| font-size: 0.82rem;
| |
| color: #6b7280;
| |
| line-height: 1.5;
| |
| }
| |
|
| |
| /* 快速链接 */
| |
| .os-links {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
| |
| gap: 1rem;
| |
| margin: 1rem 0 2rem 0;
| |
| }
| |
| .os-link-item {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 0.8rem;
| |
| padding: 0.8rem 1rem;
| |
| background: #f8f9fa;
| |
| border: 1px solid #e5e7eb;
| |
| border-radius: 6px;
| |
| text-decoration: none;
| |
| color: #1f2937;
| |
| transition: all 0.15s;
| |
| }
| |
| .os-link-item:hover {
| |
| background: #eef2ff;
| |
| border-color: #1a237e;
| |
| text-decoration: none;
| |
| color: #1a237e;
| |
| }
| |
| .os-link-icon {
| |
| font-size: 1.3rem;
| |
| width: 2rem;
| |
| text-align: center;
| |
| }
| |
| .os-link-text {
| |
| font-size: 0.95rem;
| |
| font-weight: 500;
| |
| }
| |
| </style>
| |
|
| |
|
| <div class="os-banner"> | | <div class="os-banner"> |
欢迎来到 OceanSmile Wiki
查找我们的硬件、固件和项目文档
产品分类
🍓
树莓派
Raspberry Pi 5 / 4 / CM5 / Pico
🤖
人工智能
Jetson / RDK / AI 摄像头
📺
显示屏
HDMI / SPI / LCD / OLED
📡
物联网
WiFi / 4G / LoRa / GPS
⚡
开发板
ESP32 / Arduino / STM32
🔧
电机 / 继电器
步进电机 / 舵机 / 继电器模块
快速链接
<a class="os-link-item" href="/Raspberry_Pi_5">
🍓
Raspberry Pi 5
</a>
<a class="os-link-item" href="/Raspberry_Pi_4">
🍓
Raspberry Pi 4
</a>
<a class="os-link-item" href="/Compute_Module_5">
🔧
Compute Module 5
</a>
<a class="os-link-item" href="/Jetson">
🤖
Jetson 系列
</a>
<a class="os-link-item" href="/ESP32">
⚡
ESP32
</a>
<a class="os-link-item" href="/Arduino">
⚡
Arduino
</a>