From e37ec83b1c88b7a8680d629971c9395061217bdd Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 22:19:36 +0800
Subject: [PATCH] Add fourth screen: app memo screenshot left, copy right
---
docs/index.html | 81 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 1 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 7bf046c..8bf0ee1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -42,13 +42,92 @@
src="assets/hero-visual.jpg"
alt="TagLauncher 应用网格：多层窗口立体堆叠展示"
width="1024"
- height="846"
+ height="908"
fetchpriority="high"
decoding="async">
</figure>
</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>
+
+ <section class="tags" aria-label="基于标签的管理">
+ <div class="layout tags__split">
+ <div class="tags__copy">
+ <h2 class="tags__headline">基于标签的管理</h2>
+ <ul class="tags__points">
+ <li>再也不用纠结究竟该属于哪个文件夹——一个应用可以同时归类至多个标签。</li>
+ <li><strong>支持多色：标签体系</strong>自定义颜色</li>
+ <li>拖拽式操作：拖到标签名或容器即可归类，拖到空隙就是移除分类</li>
+ </ul>
+ </div>
+
+ <figure class="tags__art">
+ <img
+ src="assets/tags-management.jpg"
+ alt="TagLauncher 标签管理：多标签归类与自定义颜色"
+ width="880"
+ height="572"
+ loading="lazy"
+ decoding="async">
+ </figure>
+ </div>
+ </section>
+
+ <section class="memo" aria-label="应用备忘">
+ <div class="layout memo__split">
+ <figure class="memo__art">
+ <img
+ src="assets/app-memo.jpg"
+ alt="TagLauncher 应用备忘：悬停显示用途说明"
+ width="880"
+ height="572"
+ loading="lazy"
+ decoding="async">
+ </figure>
+
+ <div class="memo__copy">
+ <h2 class="memo__headline">支持给应用写 备忘</h2>
+ <p class="memo__lead">编辑用途说明，悬停显示，一目了然</p>
+ </div>
+ </div>
+ </section>
+
<main class="page-main">
<div class="layout">
<section class="card">
--
Gitblit v1.9.3