grtsinry43
5c3d956de9
- Created `pages/list` for managing and displaying to-do tasks. - Created `pages/settings` as a placeholder for application settings. - Updated `pages/index` for a refreshed layout with navigation to "Tasks" and "Settings". - Integrated custom tab bar across all pages for seamless transitions.
30 lines
1.2 KiB
Plaintext
30 lines
1.2 KiB
Plaintext
<!--pages/index/index.wxml-->
|
|
<view class="container">
|
|
<t-navbar title="首页" />
|
|
|
|
<view class="hero-section">
|
|
<image class="hero-image" src="/assets/images/dashboard-art.png" mode="aspectFit" />
|
|
<text class="hero-title">欢迎回来！</text>
|
|
<text class="hero-subtitle">今天有什么计划？让我们开始吧。</text>
|
|
</view>
|
|
|
|
<view class="quick-actions">
|
|
<t-button theme="primary" size="large" block bind:tap="goToTasks" class="action-button">
|
|
<t-icon name="bulletpoint" slot="icon" />
|
|
查看我的任务
|
|
</t-button>
|
|
<t-button theme="default" size="large" block bind:tap="goToSettings" class="action-button">
|
|
<t-icon name="setting" slot="icon" />
|
|
打开设置
|
|
</t-button>
|
|
</view>
|
|
|
|
<view class="footer-space"></view>
|
|
|
|
<t-tab-bar value="{{activeTab}}" bind:change="onTabChange" t-class="custom-tab-bar">
|
|
<t-tab-bar-item value="home" icon="home" aria-label="首页">首页</t-tab-bar-item>
|
|
<t-tab-bar-item value="list" icon="bulletpoint" aria-label="任务">任务</t-tab-bar-item>
|
|
<t-tab-bar-item value="settings" icon="setting" aria-label="设置">设置</t-tab-bar-item>
|
|
</t-tab-bar>
|
|
</view>
|