91 lines
3.6 KiB
Plaintext
91 lines
3.6 KiB
Plaintext
<!--index.wxml-->
|
||
<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>
|
||
</view>
|
||
|
||
<!-- 主要内容区（向上浮动覆盖背景） -->
|
||
<view class="main-content">
|
||
<view class="section-title">工具箱</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>
|
||
<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>
|
||
<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="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>
|
||
</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>
|
||
|
||
<!-- 推广/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>
|