daoqi/youlegames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor homepage layout to dashboard style for audit compliance

Browse Source
This commit is contained in:
Joywayer
2026-02-10 13:11:29 +08:00
parent a4b3fcdb05
commit d8a50f26ac
3 changed files with 369 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
codes/minipro/calculation/miniprogram/pages/index/index.wxml
View File

@@ -2,89 +2,98 @@
<scroll-view class="scrollarea" scroll-y type="list">
<view class="container">
<!-- 顶部背景区 -->
<view class="header-bg">
<view class="header-content" bindtap="goToProfile">
<view class="text-area">
<text class="greeting">{{greeting}}</text>
<text class="nickname">{{userInfo.nickName}}</text>
</view>
<view class="avatar-wrapper">
<image class="avatar" src="{{userInfo.avatarUrl}}"></image>
</view>
<!-- 顶部仪表盘背景区 -->
<view class="dashboard-header">
<view class="header-status-bar">
<view class="date-group">
<text class="date-text">{{currentDate}}</text>
<text class="weekday-text">{{currentWeekday}}</text>
</view>
<view class="user-entry" bindtap="goToProfile">
<image class="mini-avatar" src="{{userInfo.avatarUrl}}"></image>
</view>
</view>
<view class="daily-quote">
<text class="quote-text">“{{dailyQuote}}”</text>
</view>
</view>
<!-- 主要内容区（向上浮动覆盖背景） -->
<!-- 主要内容区 -->
<view class="main-content">
<view class="section-title">工具箱</view>
<!-- 新增内容：常用公式速查 -->
<view class="section-header">
<text class="section-title">常用公式</text>
<text class="section-more"></text>
</view>
<scroll-view class="formula-scroll" scroll-x enable-flex>
<view class="formula-card" wx:for="{{formulas}}" wx:key="title">
<view class="formula-icon">{{item.icon}}</view>
<view class="formula-info">
<text class="formula-title">{{item.title}}</text>
<text class="formula-value">{{item.value}}</text>
</view>
</view>
</scroll-view>
<!-- 工具箱 -->
<view class="section-header" style="margin-top: 40rpx;">
<text class="section-title">实用工具</text>
</view>
<!-- 功能网格 -->
<view class="grid-container">
<!-- 计算器 -->
<view class="grid-item" bindtap="goToCalculator" hover-class="grid-item-hover">
<view class="icon-box bg-gradient-blue">
<text class="icon">🧮</text>
<!-- 计算器 (大卡片) -->
<view class="grid-item item-large" bindtap="goToCalculator" hover-class="grid-item-hover">
<view class="grid-bg bg-blue"></view>
<view class="grid-content">
<view class="icon-box">
<text class="icon">🧮</text>
</view>
<view class="text-box">
<text class="label">科学计算器</text>
<text class="sub-label">支持三角函数、对数及历史记录</text>
</view>
<view class="arrow-btn">GO</view>
</view>
<view class="text-box">
<text class="label">科学计算器</text>
<text class="sub-label">支持基础运算与科学函数</text>
</view>
<view class="arrow-icon">›</view>
</view>
<!-- 单位换算 -->
<view class="grid-item" bindtap="goToUnitConverter" hover-class="grid-item-hover">
<view class="icon-box bg-gradient-green">
<text class="icon">📏</text>
<view class="grid-row">
<!-- 单位换算 -->
<view class="grid-item item-half" bindtap="goToUnitConverter" hover-class="grid-item-hover">
<view class="grid-bg bg-green"></view>
<view class="grid-content vertical">
<view class="icon-box-small">📏</view>
<text class="label">单位换算</text>
<text class="sub-label-small">多单位互转</text>
</view>
</view>
<view class="text-box">
<text class="label">单位换算</text>
<text class="sub-label">长度 · 重量 · 面积 · 温度</text>
<!-- 折扣计算 -->
<view class="grid-item item-half" bindtap="goToDiscount" hover-class="grid-item-hover">
<view class="grid-bg bg-orange"></view>
<view class="grid-content vertical">
<view class="icon-box-small">🏷️</view>
<text class="label">折扣计算</text>
<text class="sub-label-small">计算折后价</text>
</view>
</view>
<view class="arrow-icon">›</view>
</view>
<!-- 折扣计算 -->
<view class="grid-item" bindtap="goToDiscount" hover-class="grid-item-hover">
<view class="icon-box bg-gradient-orange">
<text class="icon">🏷️</text>
</view>
<view class="text-box">
<text class="label">折扣计算</text>
<text class="sub-label">快速计算折后价与节省金额</text>
</view>
<view class="arrow-icon">›</view>
</view>
</view>
<!-- 更多设置 -->
<view class="section-title" style="margin-top: 40rpx; display: block;">系统</view>
<view class="list-container">
<!-- 关于与帮助 -->
<view class="list-item" bindtap="goToAbout" hover-class="list-item-hover">
<view class="list-icon-box">
<text class="icon-small">ℹ️</text>
</view>
<text class="list-label">关于与帮助</text>
<view class="arrow-icon">›</view>
<!-- 系统入口 -->
<view class="system-entry-row" bindtap="goToAbout" hover-class="list-item-hover">
<text class="sys-label">关于与帮助</text>
<view class="sys-right">
<text class="sys-icon">ℹ️</text>
<text class="arrow">></text>
</view>
</view>
<!-- 隐私政策 -->
<view class="privacy-link" bindtap="goToPrivacy" style="text-align: center; margin-top: 40rpx; padding-bottom: 20rpx;">
<text style="font-size: 24rpx; color: #999;">隐私政策</text>
<view class="privacy-link" bindtap="goToPrivacy" style="text-align: center; margin-top: 60rpx; padding-bottom: 40rpx;">
<text style="font-size: 24rpx; color: #ccc;">隐私政策</text>
</view>
<!-- 推广/banner区域 -->
<view class="banner" bindtap="goToProfile" wx:if="{{false}}">
<view class="banner-text">
<text class="banner-title">点击登录 / 完善信息</text>
<text class="banner-desc">绑定手机号，体验更多云端功能</text>
</view>
<view class="banner-icon">📝</view>
</view>
</view>
</view>
</scroll-view>