61 lines
2.3 KiB
Plaintext
61 lines
2.3 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="goToDateCalc" hover-class="grid-item-hover">
|
||
<view class="icon-box bg-gradient-pink">
|
||
<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>
|
||
|
||
<!-- 推广/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>
|