gavin/sankey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
douboer@gmail.com
2026-02-14 13:30:56 +08:00
parent a9ea33b071
commit 39e1ec1b4c
2 changed files with 46 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
miniapp/pages/index/index.wxml
View File

@@ -1,21 +1,23 @@
<view class="page"> <view class="page">
<view class="header"> <view class="topbar {{isLandscape ? 'topbar-landscape' : ''}}">
<image class="logo" src="../../assets/icons/webicon.png" mode="aspectFill" /> <view class="header">
<image class="title" src="../../assets/icons/星程桑基图.svg" mode="widthFix" /> <image class="logo" src="../../assets/icons/webicon.png" mode="aspectFill" />
</view> <image class="title" src="../../assets/icons/星程桑基图.svg" mode="widthFix" />
<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>
<view class="export-box"> <view class="toolbar">
<image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" /> <image class="tool-icon" src="../../assets/icons/choose-color.svg" mode="aspectFit" bindtap="onToggleThemeSheet" />
<image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" /> <image class="tool-icon upload-trigger" src="../../assets/icons/upload.svg" mode="aspectFit" bindtap="onChooseFile" />
<image class="export-icon" src="../../assets/icons/export-png.svg" mode="aspectFit" bindtap="onExportPng" />
<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>
</view> </view>
@@ -167,7 +169,7 @@
</view> </view>
</view> </view>
<view class="footer"> <view wx:if="{{!isLandscape}}" class="footer">
<text user-select>@版权说明：星程社所有，反馈邮箱：douboer@gmail.com</text> <text user-select>@版权说明：星程社所有，反馈邮箱：douboer@gmail.com</text>
</view> </view>

28
miniapp/pages/index/index.wxss
View File

@@ -8,6 +8,10 @@
overflow: hidden; overflow: hidden;
} }
.topbar {
flex-shrink: 0;
}
.header { .header {
height: 48px; height: 48px;
display: flex; display: flex;
@@ -38,6 +42,30 @@
flex-shrink: 0; 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 { .tool-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;