update at 2026-02-14 13:30:56

miniapp/pages/index/index.wxml

@@ -1,4 +1,5 @@
 <view class="page">
+  <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" />
@@ -18,6 +19,7 @@
         <image class="export-icon" src="../../assets/icons/export-png.svg" mode="aspectFit" bindtap="onExportPng" />
       </view>
     </view>
+  </view>
 
   <view class="preview-panel">
     <view class="preview-head">
@@ -167,7 +169,7 @@
     </view>
   </view>
 
-  <view class="footer">
+  <view wx:if="{{!isLandscape}}" class="footer">
     <text user-select>@版权说明：星程社所有，反馈邮箱：douboer@gmail.com</text>
   </view>
 

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;