92 lines
3.5 KiB
Plaintext
92 lines
3.5 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>
|
|
|
|
<!-- 单位换算 -->
|
|
<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>
|
|
|
|
<!-- 谁去拿外卖 -->
|
|
<view class="grid-item" bindtap="goToRandomDraw" hover-class="grid-item-hover">
|
|
<view class="icon-box bg-gradient-purple">
|
|
<text class="icon">🎲</text>
|
|
</view>
|
|
<view class="text-box">
|
|
<text class="label">谁去拿外卖</text>
|
|
<text class="sub-label">随机抽取幸运儿</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 记分板 -->
|
|
<view class="grid-item" bindtap="goToScoreboard" 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>
|
|
|
|
<!-- 日期计算 -->
|
|
<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>
|
|
</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>
|