mingyuan/harmony-client
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(entry): 底部导航图标改用小程序 PNG

Browse Source
This commit is contained in:
AndyChen1024
2026-09-15 14:49:51 +08:00
parent f7fb81e7b4
commit b62e2c0a5b
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
entry/src/main/ets/pages/Index.ets
View File

@@ -17,22 +17,22 @@ struct Index {
TabContent() {
HomePage({ onGoLogin: () => { this.currentIndex = 3; } })
}
.tabBar(this.tabBarBuilder(0, '首页', '🏠'))
.tabBar(this.tabBarBuilder(0, '首页', $r('app.media.home'), $r('app.media.home_active')))
TabContent() {
CheckinPage({ onGoLogin: () => { this.currentIndex = 3; } })
}
.tabBar(this.tabBarBuilder(1, '打卡', '✅'))
.tabBar(this.tabBarBuilder(1, '打卡', $r('app.media.checkin'), $r('app.media.checkin_active')))
TabContent() {
PlanPage({ onGoLogin: () => { this.currentIndex = 3; } })
}
.tabBar(this.tabBarBuilder(2, '计划', '📝'))
.tabBar(this.tabBarBuilder(2, '计划', $r('app.media.plan'), $r('app.media.plan_active')))
TabContent() {
ProfilePage()
}
.tabBar(this.tabBarBuilder(3, '我的', '👤'))
.tabBar(this.tabBarBuilder(3, '我的', $r('app.media.profile'), $r('app.media.profile_active')))
}
.onChange((index: number) => {
this.currentIndex = index;
@@ -43,10 +43,12 @@ struct Index {
}
@Builder
tabBarBuilder(index: number, title: string, icon: string) {
tabBarBuilder(index: number, title: string, normalIcon: Resource, activeIcon: Resource) {
Column({ space: 2 }) {
Text(icon)
.fontSize(20)
Image(index === this.currentIndex ? activeIcon : normalIcon)
.width(24)
.height(24)
.objectFit(ImageFit.Contain)
Text(title)
.fontSize(AppFontSize.caption)
.fontColor(index === this.currentIndex ? AppColor.tabActive : AppColor.tabInactive)