重构首页与tabBar:老黄历大日历+月历切换,新增百科页
Publish Mini Program Dev Version / publish (push) Successful in 3m16s

tabBar(5个,全部带图标):
- 老黄历(首页) / 许愿 / 八字 / 百科(新) / 我的(原设置)
- 移除日历tab,月历并入首页左上角切换
- 移除运势tab,改从'我的'页进入

首页重构:
- custom 导航栏,标题'老黄历'
- 老式万年历大日历卡片:大日期+农历+干支+宜忌
- 左右箭头切换日期,'回到今天'
- 左上角'月历/日历'切换按钮,月历视图复用原日历网格
- 月历点选日期自动切回日视图

新增百科页:
- 二十四节气/农历节日/公历节日/干支生肖/黄历术语 分类
- 搜索 + 展开详情

我的页(原设置):
- 新增功能入口:每日运势/占卜/二十四节气/月历视图
This commit is contained in:
gouki
2026-08-07 08:55:17 +00:00
parent ce7d5ecdc7
commit 5d40019ea5
23 changed files with 777 additions and 139 deletions
+4
View File
@@ -58,6 +58,10 @@ Page({
wx.showToast({ title: '已删除', icon: 'success' });
},
navTo(e) {
wx.navigateTo({ url: e.currentTarget.dataset.url });
},
login() {
wx.getUserProfile({
desc: '用于完善用户资料',
+1 -1
View File
@@ -1,4 +1,4 @@
{
"navigationBarTitleText": "设置",
"navigationBarTitleText": "我的",
"enablePullDownRefresh": false
}
+23 -2
View File
@@ -57,12 +57,33 @@
</view>
</view>
<!-- 功能入口 -->
<view class="card">
<view class="section-title">功能</view>
<view class="menu-item" bindtap="navTo" data-url="/pages/fortune/fortune">
<text class="menu-label">每日运势</text>
<text class="menu-arrow"></text>
</view>
<view class="menu-item" bindtap="navTo" data-url="/pages/divination/divination">
<text class="menu-label">占卜</text>
<text class="menu-arrow"></text>
</view>
<view class="menu-item" bindtap="navTo" data-url="/pages/solar-terms/solar-terms">
<text class="menu-label">二十四节气</text>
<text class="menu-arrow"></text>
</view>
<view class="menu-item" bindtap="navTo" data-url="/pages/calendar/calendar">
<text class="menu-label">月历视图</text>
<text class="menu-arrow"></text>
</view>
</view>
<!-- 关于 -->
<view class="card">
<view class="section-title">关于</view>
<view class="text-sm text-muted">
<text>万年历小程序 v1.0.0</text>
<text class="block mt-1">提供农历、黄历、八字、运势、占卜等功能</text>
<text>老黄历小程序 v1.0.1</text>
<text class="block mt-1">提供农历、黄历、八字、许愿等功能</text>
</view>
</view>
</view>
+21
View File
@@ -45,3 +45,24 @@
.bookmark-item:last-child {
border-bottom: none;
}
.menu-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 0;
border-bottom: 1rpx solid #E8D5C4;
}
.menu-item:last-child {
border-bottom: none;
}
.menu-label {
font-size: 28rpx;
}
.menu-arrow {
color: #C9B8A6;
font-size: 36rpx;
}