修改配色,修改功能

This commit is contained in:
2026-02-08 15:43:32 +08:00
parent 17e32d7cc1
commit fa1a8e083e
14 changed files with 441 additions and 119 deletions

View File

@@ -1,5 +1,42 @@
<!--pages/calculator/calculator.wxml-->
<view class="calculator-container">
<!-- 帮助说明面板 -->
<view class="history-panel {{showHelp ? 'show' : ''}}" catchtouchmove="preventTouchMove" style="z-index: 200;">
<view class="history-mask" bindtap="toggleHelp"></view>
<view class="history-content help-content">
<view class="history-header">
<text class="history-title">使用说明</text>
<text class="history-clear" bindtap="toggleHelp">关闭</text>
</view>
<scroll-view scroll-y class="history-list help-list">
<view class="help-section">
<view class="help-item">
<text class="help-icon">⚗️</text>
<view class="help-text">
<text class="help-h1">科学模式</text>
<text class="help-p">点击左上角“科学”按钮切换模式,支持三角函数(sin, cos, tan)、对数(log, ln)、指数(x²)、开方(√)等高级运算。</text>
</view>
</view>
<view class="help-item">
<text class="help-icon">🕐</text>
<view class="help-text">
<text class="help-h1">历史记录</text>
<text class="help-p">点击时钟图标查看过往计算记录,点击某条记录可将其结果填入当前计算。</text>
</view>
</view>
<view class="help-item">
<text class="help-icon">📋</text>
<view class="help-text">
<text class="help-h1">复制结果</text>
<text class="help-p">点击剪贴板图标可将当前显示结果复制到系统剪贴板。</text>
</view>
</view>
<button class="share-btn-large" open-type="share">分享给好友</button>
</view>
</scroll-view>
</view>
</view>
<!-- 历史记录面板 -->
<view class="history-panel {{showHistory ? 'show' : ''}}" catchtouchmove="preventTouchMove">
<view class="history-mask" bindtap="toggleHistory"></view>
@@ -28,8 +65,9 @@
<!-- 显示区域 -->
<view class="display-area">
<view class="display-top-bar">
<view class="mode-indicator" bindtap="toggleMode">
<text class="{{isScientific ? 'active' : ''}}">⚗️ 科学</text>
<view class="mode-indicator">
<text class="{{!isScientific ? 'active' : ''}}" bindtap="switchMode" data-mode="normal">常用</text>
<text class="{{isScientific ? 'active' : ''}}" bindtap="switchMode" data-mode="scientific">科学</text>
</view>
<view class="top-actions">
<view class="action-btn" bindtap="toggleHistory" hover-class="action-btn-hover" hover-stay-time="100">
@@ -38,6 +76,9 @@
<view class="action-btn" bindtap="copyResult" hover-class="action-btn-hover" hover-stay-time="100">
<text class="action-icon">📋</text>
</view>
<view class="action-btn" bindtap="toggleHelp" hover-class="action-btn-hover" hover-stay-time="100">
<text class="action-icon">❓</text>
</view>
</view>
</view>
<view class="history-text">{{history}}</view>