From 39e1ec1b4ca9a32de49b1cecc75d955d9abbd607 Mon Sep 17 00:00:00 2001
From: "douboer@gmail.com" <gavin@gavin-mac-mini.local>
Date: Sat, 14 Feb 2026 13:30:56 +0800
Subject: [PATCH] update at 2026-02-14 13:30:56

---
 miniapp/pages/index/index.wxml | 34 ++++++++++++++++++----------------
 miniapp/pages/index/index.wxss | 28 ++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/miniapp/pages/index/index.wxml b/miniapp/pages/index/index.wxml
index 8cad834..037b852 100644
--- a/miniapp/pages/index/index.wxml
+++ b/miniapp/pages/index/index.wxml
@@ -1,21 +1,23 @@
 <view class="page">
-  <view class="header">
-    <image class="logo" src="../../assets/icons/webicon.png" mode="aspectFill" />
-    <image class="title" src="../../assets/icons/星程桑基图.svg" mode="widthFix" />
-  </view>
-
-  <view class="toolbar">
-    <image class="tool-icon" src="../../assets/icons/choose-color.svg" mode="aspectFit" bindtap="onToggleThemeSheet" />
-    <image class="tool-icon upload-trigger" src="../../assets/icons/upload.svg" mode="aspectFit" bindtap="onChooseFile" />
-
-    <view class="upload-box" bindtap="onChooseFile">
-      <text class="upload-text" user-select>{{uploadMessage}}</text>
+  <view class="topbar {{isLandscape ? 'topbar-landscape' : ''}}">
+    <view class="header">
+      <image class="logo" src="../../assets/icons/webicon.png" mode="aspectFill" />
+      <image class="title" src="../../assets/icons/星程桑基图.svg" mode="widthFix" />
     </view>
 
-    <view class="export-box">
-      <image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" />
-      <image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" />
-      <image class="export-icon" src="../../assets/icons/export-png.svg" mode="aspectFit" bindtap="onExportPng" />
+    <view class="toolbar">
+      <image class="tool-icon" src="../../assets/icons/choose-color.svg" mode="aspectFit" bindtap="onToggleThemeSheet" />
+      <image class="tool-icon upload-trigger" src="../../assets/icons/upload.svg" mode="aspectFit" bindtap="onChooseFile" />
+
+      <view class="upload-box" bindtap="onChooseFile">
+        <text class="upload-text" user-select>{{uploadMessage}}</text>
+      </view>
+
+      <view class="export-box">
+        <image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" />
+        <image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" />
+        <image class="export-icon" src="../../assets/icons/export-png.svg" mode="aspectFit" bindtap="onExportPng" />
+      </view>
     </view>
   </view>
 
@@ -167,7 +169,7 @@
     </view>
   </view>
 
-  <view class="footer">
+  <view wx:if="{{!isLandscape}}" class="footer">
     <text user-select>@版权说明：星程社所有，反馈邮箱：douboer@gmail.com</text>
   </view>
 
diff --git a/miniapp/pages/index/index.wxss b/miniapp/pages/index/index.wxss
index 5d7c0cf..497072f 100644
--- a/miniapp/pages/index/index.wxss
+++ b/miniapp/pages/index/index.wxss
@@ -8,6 +8,10 @@
   overflow: hidden;
 }
 
+.topbar {
+  flex-shrink: 0;
+}
+
 .header {
   height: 48px;
   display: flex;
@@ -38,6 +42,30 @@
   flex-shrink: 0;
 }
 
+/* 横屏：标题与工具条同一行，底部区域已在 WXML 中隐藏。 */
+.topbar-landscape {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.topbar-landscape .header {
+  height: 40px;
+}
+
+.topbar-landscape .logo {
+  width: 40px;
+  height: 40px;
+}
+
+.topbar-landscape .toolbar {
+  margin-top: 0;
+  height: 40px;
+  padding-left: 0;
+  flex: 1;
+  min-width: 0;
+}
+
 .tool-icon {
   width: 24px;
   height: 24px;