目录结构调整
This commit is contained in:
69
codes/minipro/calculation/miniprogram/pages/index/index.wxml
Normal file
69
codes/minipro/calculation/miniprogram/pages/index/index.wxml
Normal file
@@ -0,0 +1,69 @@
|
||||
<!--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>
|
||||
|
||||
<!-- 推广/banner区域 -->
|
||||
<view class="banner" bindtap="goToProfile" wx:if="{{!hasUserInfo}}">
|
||||
<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>
|
||||
Reference in New Issue
Block a user