From fb753bbb3b70cb63da56606662e655117860a893 Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 21:01:30 +0800
Subject: [PATCH] Add second screen: 4 view screenshots left, copy right
---
docs/index.html | 37 +++++++++++++++++++++++++++++++++++++
1 files changed, 37 insertions(+), 0 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index dc0c709..403e6f7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -49,6 +49,43 @@
</div>
</section>
+ <section class="views" aria-label="5种视图">
+ <div class="layout views__split">
+ <div class="views__gallery">
+ <figure class="views__shot">
+ <img src="assets/views/view-01.jpg" alt="平铺视图" width="720" height="468" loading="lazy" decoding="async">
+ </figure>
+ <figure class="views__shot">
+ <img src="assets/views/view-02.jpg" alt="无色容器视图" width="720" height="468" loading="lazy" decoding="async">
+ </figure>
+ <figure class="views__shot">
+ <img src="assets/views/view-03.jpg" alt="彩色容器视图" width="720" height="468" loading="lazy" decoding="async">
+ </figure>
+ <figure class="views__shot">
+ <img src="assets/views/view-04.jpg" alt="无色网格视图" width="720" height="468" loading="lazy" decoding="async">
+ </figure>
+ </div>
+
+ <div class="views__copy">
+ <h2 class="views__headline">5种视图，全部一屏到底</h2>
+ <p class="views__lead">不需要一个个去点击文件夹，也不再需要翻页——只是找一个应用而已，不值得像过去那样翻山越水。</p>
+ <hr class="views__rule" aria-hidden="true">
+ <p class="views__label">5 种视图模式</p>
+ <ul class="views__modes">
+ <li>平铺</li>
+ <li>无色容器</li>
+ <li>彩色容器</li>
+ <li>无色网格</li>
+ <li>彩色网格</li>
+ </ul>
+ <div class="views__shortcut">
+ <span class="views__shortcut-label">快捷唤起</span>
+ <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
+ </div>
+ </div>
+ </div>
+ </section>
+
<main class="page-main">
<div class="layout">
<section class="card">
--
Gitblit v1.9.3