@liujitcn/kratos-taro-app-core 0.0.81 → 0.0.82

package/dist/build.mjs

@@ -7,7 +7,6 @@ var corePages = {
   "pages/index/index": {
     style: {
       navigationStyle: "custom",
-      navigationBarTextStyle: "white",
       navigationBarTitleText: ""
     }
   },

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.0.81",
+  "version": "0.0.82",
   "type": "module",
   "files": [
     "dist",

package/src/components/KratosEmpty.tsx

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react'
+import { Text, View } from '@tarojs/components'
+
+/** 空态组件属性。 */
+export interface KratosEmptyProps {
+  /** 图标节点（如 <UniIcon />），不传则不渲染图标位。 */
+  icon?: ReactNode
+  /** 主文案。 */
+  title?: string
+  /** 次级提示文案。 */
+  description?: string
+  /** 操作区内容（如引导按钮）。 */
+  children?: ReactNode
+}
+
+/** 标准空态组件：图标 + 主文案 + 提示文案 + 可选操作区。 */
+export default function KratosEmpty({ icon, title, description, children }: KratosEmptyProps) {
+  return (
+    <View className='k-empty'>
+      {icon && <View className='k-empty__icon'>{icon}</View>}
+      {title && <Text className='k-empty__title'>{title}</Text>}
+      {description && <Text className='k-empty__desc'>{description}</Text>}
+      {children}
+    </View>
+  )
+}

package/src/components/KratosTabBar.scss

@@ -30,21 +30,8 @@
   line-height: 12PX;
 }
 
-/* 设计稿：激活项顶部霓虹发光条 */
-.kratos-tab-bar__item--active::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  width: 26px;
-  height: 3px;
-  border-radius: 3px;
-  background: var(--kratos-tab-bar-active-color);
-  box-shadow: 0 0 12px var(--kratos-tab-bar-active-color);
-  content: '';
-  transform: translateX(-50%);
-}
-
 .kratos-tab-bar__icon {
+  flex-shrink: 0;
   width: 28PX;
   height: 28PX;
   margin-bottom: 4PX;

package/src/index.ts

@@ -42,3 +42,5 @@ export * from './utils/navigation'
 export * from './utils/secretCrypto'
 export { default as PasswordVerifyDialog } from './components/PasswordVerifyDialog'
 export type { PasswordVerifyDialogProps } from './components/PasswordVerifyDialog'
+export { default as KratosEmpty } from './components/KratosEmpty'
+export type { KratosEmptyProps } from './components/KratosEmpty'

package/src/locales/en-US.json

@@ -34,18 +34,20 @@
   "core.file.temporary_path_required": "Use a temporary file path when uploading from a Mini Program",
   "core.file.upload_failed": "Upload failed",
   "core.home.account_capability": "Account features",
-  "core.home.account_capability_description": "Profile, app settings, and AI assistant access are included",
+  "core.home.account_capability_description": "Sign-in, profile, multi-factor authentication, and app settings out of the box",
   "core.home.cross_platform": "Cross-platform pages",
   "core.home.cross_platform_description": "One codebase for H5 and WeChat Mini Program",
   "core.home.demo_scope": "Overview",
+  "core.home.dynamic_config": "Dynamic config",
+  "core.home.dynamic_config_description": "Home logo and tagline configurable from the admin console",
   "core.home.framework": "App framework",
   "core.home.language": "Language",
   "core.home.main_title": "Application Home",
+  "core.home.message_center": "Message center",
+  "core.home.message_center_description": "Unread messages in one inbox with badge reminders",
   "core.home.state_management": "State management",
-  "core.home.static_home": "Static home",
-  "core.home.static_home_description": "This page presents framework details without business APIs",
   "core.home.style_solution": "Styling",
-  "core.home.sub_title": "Shared navigation and account experience",
+  "core.home.sub_title": "Accounts, messages, and AI assistant in one place",
   "core.home.tech_stack": "Technology stack",
   "core.login.agree_prefix": "I have read and agree to the",
   "core.login.agree_separator": "and",

package/src/locales/ja-JP.json

@@ -34,18 +34,20 @@
   "core.file.temporary_path_required": "ミニ プログラムをアップロードするには、一時ファイル パスを使用してください。",
   "core.file.upload_failed": "アップロードに失敗しました",
   "core.home.account_capability": "アカウントの機能",
-  "core.home.account_capability_description": "個人情報、アプリケーション設定、スマートアシスタントの入り口が予約されています",
+  "core.home.account_capability_description": "ログイン、プロフィール、多要素認証、アプリ設定を同梱",
   "core.home.cross_platform": "クロスエンド ページ",
   "core.home.cross_platform_description": "同じページ コード セットが H5 および WeChat ミニ プログラムに適応します",
   "core.home.demo_scope": "機能概要",
+  "core.home.dynamic_config": "動的設定",
+  "core.home.dynamic_config_description": "ホームのロゴとキャッチコピーは管理画面から変更可能",
   "core.home.framework": "アプリケーション フレームワーク",
   "core.home.language": "開発言語",
   "core.home.main_title": "アプリケーションホーム",
+  "core.home.message_center": "メッセージセンター",
+  "core.home.message_center_description": "未読メッセージを一括管理し、バッジでお知らせ",
   "core.home.state_management": "ステータス管理",
-  "core.home.static_home": "静的ホームページ",
-  "core.home.static_home_description": "現在のホームページはフレーム情報を表示するために使用されており、ビジネス インターフェイスには依存していません",
   "core.home.style_solution": "スタイル スキーム",
-  "core.home.sub_title": "ユニバーサル ナビゲーションとパーソナル センターのエクスペリエンスを維持します",
+  "core.home.sub_title": "アカウント・メッセージ・スマートアシスタントをひとつに",
   "core.home.tech_stack": "現在のテクノロジースタック",
   "core.login.agree_prefix": "読んで同意します",
   "core.login.agree_separator": "および",

package/src/locales/zh-CN.json

@@ -34,18 +34,20 @@
   "core.file.temporary_path_required": "小程序端请使用文件临时路径上传",
   "core.file.upload_failed": "上传失败",
   "core.home.account_capability": "账户能力",
-  "core.home.account_capability_description": "个人资料、应用设置与智能助手入口已保留",
+  "core.home.account_capability_description": "登录、个人资料、多因素认证与应用设置开箱即用",
   "core.home.cross_platform": "跨端页面",
   "core.home.cross_platform_description": "同一套页面代码适配 H5 和微信小程序",
   "core.home.demo_scope": "功能概览",
+  "core.home.dynamic_config": "动态配置",
+  "core.home.dynamic_config_description": "首页 Logo 与标语支持后台远程配置",
   "core.home.framework": "应用框架",
   "core.home.language": "开发语言",
   "core.home.main_title": "应用首页",
+  "core.home.message_center": "消息中心",
+  "core.home.message_center_description": "未读消息统一收纳，红点提醒不错过",
   "core.home.state_management": "状态管理",
-  "core.home.static_home": "静态首页",
-  "core.home.static_home_description": "当前首页用于展示框架信息，不依赖业务接口",
   "core.home.style_solution": "样式方案",
-  "core.home.sub_title": "保留通用导航与个人中心体验",
+  "core.home.sub_title": "账号、消息与智能助手，一站触达",
   "core.home.tech_stack": "当前技术栈",
   "core.login.agree_prefix": "我已阅读并同意",
   "core.login.agree_separator": "和",

package/src/locales/zh-TW.json

@@ -34,18 +34,20 @@
   "core.file.temporary_path_required": "小程式端請使用檔案臨時路徑上傳",
   "core.file.upload_failed": "上傳失敗",
   "core.home.account_capability": "賬戶能力",
-  "core.home.account_capability_description": "個人資料、應用設定與智慧助手入口已保留",
+  "core.home.account_capability_description": "登入、個人資料、多因素認證與應用設定開箱即用",
   "core.home.cross_platform": "跨端頁面",
   "core.home.cross_platform_description": "同一套頁面程式碼適配 H5 和微信小程式",
   "core.home.demo_scope": "功能概覽",
+  "core.home.dynamic_config": "動態設定",
+  "core.home.dynamic_config_description": "首頁 Logo 與標語支援後台遠端設定",
   "core.home.framework": "應用框架",
   "core.home.language": "開發語言",
   "core.home.main_title": "應用首頁",
+  "core.home.message_center": "訊息中心",
+  "core.home.message_center_description": "未讀訊息統一查看，紅點提醒不錯過",
   "core.home.state_management": "狀態管理",
-  "core.home.static_home": "靜態首頁",
-  "core.home.static_home_description": "當前首頁用於展示框架資訊，不依賴業務介面",
   "core.home.style_solution": "樣式方案",
-  "core.home.sub_title": "保留通用導航與個人中心體驗",
+  "core.home.sub_title": "帳號、訊息與智慧助手，一站觸達",
   "core.home.tech_stack": "當前技術棧",
   "core.login.agree_prefix": "我已閱讀並同意",
   "core.login.agree_separator": "和",

package/src/navigation.ts

@@ -101,6 +101,16 @@ export const defaultAppMenus: AppMenu[] = [
     icon: 'MESSAGE_DEFAULT',
     selectedIcon: 'MESSAGE_SELECTED',
   },
+  {
+    id: 99050100,
+    parentId: 99040000,
+    name: 'AppMessageDetail',
+    path: 'app/message/detail',
+    viewKey: 'MESSAGE_DETAIL',
+    title: '',
+    access: 'AUTHENTICATED',
+    inTabBar: false,
+  },
   {
     id: 99090000,
     parentId: APP_MENU_ROOT_ID,
@@ -222,8 +232,9 @@ export async function initializeAppNavigation(): Promise<void> {
   const cached = readCachedMenus(cacheKey)
   useAppNavigation.setState(createNavigationState(filterUnavailableMenus(cached ?? localizedDefaultAppMenus()), false))
   try {
-    const nextMenus = filterUnavailableMenus(normalizeMenuResponse(await adapter.list()))
-    validateMenus(nextMenus)
+    const nextMenus = validateMenus(
+      filterUnavailableMenus(normalizeMenuResponse(await adapter.list())),
+    )
     Taro.setStorageSync(cacheKey, nextMenus)
     useAppNavigation.setState(createNavigationState(nextMenus, true))
   } catch (error) {
@@ -240,8 +251,7 @@ function filterUnavailableMenus(nextMenus: AppMenu[]): AppMenu[] {
 
 /** 使用已经校验的整份配置进行原子切换。 */
 export function installAppNavigation(nextMenus: AppMenu[]): void {
-  validateMenus(nextMenus)
-  const snapshot = nextMenus.map((menu) => ({ ...menu }))
+  const snapshot = validateMenus(nextMenus).map((menu) => ({ ...menu }))
   Taro.setStorageSync(resolveCacheKey(), snapshot)
   useAppNavigation.setState(createNavigationState(snapshot, true))
 }
@@ -382,9 +392,16 @@ function readCachedMenus(cacheKey: string): AppMenu[] | undefined {
   const cached = Taro.getStorageSync<unknown>(cacheKey)
   if (!Array.isArray(cached)) return
   try {
-    const cachedMenus = cached as AppMenu[]
-    validateMenus(cachedMenus)
-    return cachedMenus
+    const cachedMenus = (cached as AppMenu[]).map((menu) => ({
+      ...menu,
+      title:
+        menu.viewKey === 'HOME'
+          ? t('core.navigation.home')
+          : menu.viewKey === 'MESSAGE_INBOX'
+            ? t('core.navigation.message')
+            : menu.title,
+    }))
+    return validateMenus(cachedMenus)
   } catch {
     Taro.removeStorageSync(cacheKey)
   }
@@ -403,7 +420,12 @@ function normalizeMenu(item: BaseMenu): AppMenu {
     name: item.name,
     path: item.path,
     viewKey: app?.view_key ?? '',
-    title: meta?.title ?? '',
+    title:
+      app?.view_key === 'HOME'
+        ? t('core.navigation.home')
+        : app?.view_key === 'MESSAGE_INBOX'
+          ? t('core.navigation.message')
+          : meta?.title ?? '',
     access: (app?.access ?? 'AUTHENTICATED') as AppMenuAccess,
     inTabBar: app?.in_tab_bar ?? false,
     icon: meta?.icon,
@@ -411,11 +433,17 @@ function normalizeMenu(item: BaseMenu): AppMenu {
   }
 }
 
-function validateMenus(nextMenus: AppMenu[]): void {
+function validateMenus(nextMenus: AppMenu[]): AppMenu[] {
+  // 多端共用后端时菜单可能携带本应用未注册的视图键，过滤跳过而不是让整份菜单失效。
+  const knownMenus = nextMenus.filter((menu) => {
+    if (resolveStaticView(menu.viewKey)) return true
+    console.warn(t('core.navigation.error.view_key', { viewKey: menu.viewKey }))
+    return false
+  })
   const ids = new Set<number>()
   const names = new Set<string>()
   const paths = new Set<string>()
-  for (const menu of nextMenus) {
+  for (const menu of knownMenus) {
     if (!Number.isSafeInteger(menu.id) || !menu.name || !menu.path.startsWith('app/')) {
       throw new Error(t('core.navigation.error.identity'))
     }
@@ -425,9 +453,6 @@ function validateMenus(nextMenus: AppMenu[]): void {
     if (!['PUBLIC', 'GUEST_ONLY', 'AUTHENTICATED'].includes(menu.access)) {
       throw new Error(t('core.navigation.error.access', { access: menu.access }))
     }
-    if (!resolveStaticView(menu.viewKey)) {
-      throw new Error(t('core.navigation.error.view_key', { viewKey: menu.viewKey }))
-    }
     if (ids.has(menu.id) || names.has(menu.name) || paths.has(menu.path)) {
       throw new Error(t('core.navigation.error.unique'))
     }
@@ -435,8 +460,8 @@ function validateMenus(nextMenus: AppMenu[]): void {
     names.add(menu.name)
     paths.add(menu.path)
   }
-  const menuMap = new Map(nextMenus.map((menu) => [menu.id, menu]))
-  for (const menu of nextMenus) {
+  const menuMap = new Map(knownMenus.map((menu) => [menu.id, menu]))
+  for (const menu of knownMenus) {
     if (menu.parentId === undefined) {
       throw new Error(t('core.navigation.error.parent_missing', { name: menu.name }))
     }
@@ -457,6 +482,7 @@ function validateMenus(nextMenus: AppMenu[]): void {
       parentId = parent.parentId
     }
   }
-  const tabCount = nextMenus.filter((menu) => menu.parentId === APP_MENU_ROOT_ID).length
+  const tabCount = knownMenus.filter((menu) => menu.parentId === APP_MENU_ROOT_ID).length
   if (tabCount === 1 || tabCount > 5) throw new Error(t('core.navigation.error.tab_count'))
+  return knownMenus
 }

package/src/pages.ts

@@ -5,7 +5,6 @@ export const corePages: Record<string, KratosTaroPageConfig> = {
   'pages/index/index': {
     style: {
       navigationStyle: 'custom',
-      navigationBarTextStyle: 'white',
       navigationBarTitleText: '',
     },
   },

package/src/styles/base.scss

@@ -131,3 +131,16 @@ html.theme-dark .taro__toast > div:last-child {
   color: var(--kratos-color-text) !important;
 }
 /* #endif */
+
+/* H5 隐藏滚动条但保留滚动能力，视觉对齐小程序；小程序端滚动条本就不存在，无副作用。 */
+/* #ifdef h5 */
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+* {
+  scrollbar-width: none;
+}
+/* #endif */

package/src/styles/components.scss

@@ -19,40 +19,6 @@
   box-shadow: var(--kratos-glow-soft);
 }
 
-/* 四角 L 形角标：渲染为真实 view 节点（weapp 伪元素仅支持 view） */
-.k-cnr {
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  border: 3px solid var(--kratos-color-primary);
-  opacity: 0.5;
-  pointer-events: none;
-}
-.k-cnr--tl {
-  top: 16px;
-  left: 16px;
-  border-right: 0;
-  border-bottom: 0;
-}
-.k-cnr--tr {
-  top: 16px;
-  right: 16px;
-  border-left: 0;
-  border-bottom: 0;
-}
-.k-cnr--bl {
-  bottom: 16px;
-  left: 16px;
-  border-right: 0;
-  border-top: 0;
-}
-.k-cnr--br {
-  bottom: 16px;
-  right: 16px;
-  border-left: 0;
-  border-top: 0;
-}
-
 /* 装饰网格背景 */
 .k-grid-bg {
   position: absolute;
@@ -181,31 +147,44 @@
   max-width: calc(100% - 190px);
   overflow: hidden;
   color: var(--kratos-color-text);
-  font-size: 36px;
-  font-weight: 800;
+  font-size: 16PX;
+  font-weight: 700;
   text-overflow: ellipsis;
   transform: translateX(-50%);
   white-space: nowrap;
 }
 .k-top {
+  position: relative;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  /* 标题绝对居中后，流内子元素（右侧动作按钮）统一靠右排布 */
+  justify-content: flex-end;
   gap: 16px;
   /* weapp 原生胶囊避让：页面通过 getMpCapsuleRightGap() 写入该变量，
      其余平台未设置时回退 0，不影响布局。 */
   padding-right: var(--mp-capsule-gap, 0px);
 }
+/* #ifdef weapp */
+/* 双写类名提高优先级：页面级 padding 简写（如 .message-header）不得压掉导航带 */
+.k-top.k-top {
+  /* 小程序右上角是原生胶囊：操作按钮靠左，标题行与胶囊同行（同 k-page-nav--weapp 几何） */
+  justify-content: flex-start;
+  height: calc(88px + 44PX);
+  padding-top: 44PX;
+  padding-right: 0;
+}
+/* #endif */
 .k-top__title {
-  font-size: 38px;
-  font-weight: 800;
-  letter-spacing: -0.3px;
+  position: absolute;
+  left: 50%;
+  max-width: calc(100% - 190px);
+  overflow: hidden;
   color: var(--kratos-color-text);
-}
-.k-top__t2 {
-  font-size: 32px;
+  font-size: 16PX;
   font-weight: 700;
-  color: var(--kratos-color-text);
+  text-overflow: ellipsis;
+  transform: translateX(-50%);
+  white-space: nowrap;
 }
 
 /* 方形图标按钮 + 角标 */
@@ -306,12 +285,20 @@
   box-shadow: var(--kratos-glow-soft);
 }
 
-/* 过滤芯片 */
+/* 过滤芯片：单行横向滚动，超出隐藏滚动条 */
 .k-chips {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 16px;
   margin-bottom: 24px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.k-chips::-webkit-scrollbar {
+  display: none;
+}
+.k-chips .k-ch {
+  flex: 0 0 auto;
 }
 .k-ch {
   display: inline-flex;
@@ -437,6 +424,8 @@
   align-items: center;
   justify-content: center;
   gap: 16px;
+  /* 各端 H5 原生 button 默认宽度不一，显式通栏保证双端一致 */
+  width: 100%;
   height: 100px;
   margin-top: 36px;
   border-radius: 20px;
@@ -734,15 +723,30 @@
   background: var(--kratos-color-primary-soft);
 }
 .k-msg-item__title {
+  display: -webkit-box;
+  overflow: hidden;
   font-size: 25px;
   font-weight: 700;
   color: var(--kratos-color-text);
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-word;
 }
-.k-msg-item__meta {
+.k-msg-item__foot {
+  display: flex;
+  align-items: center;
+  gap: 24px;
   margin-top: 10px;
+}
+.k-msg-item__meta {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
   font-size: 20px;
   color: var(--kratos-color-text-muted);
   font-family: var(--kratos-font-mono);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .k-msg-item__time {
   flex-shrink: 0;
@@ -763,3 +767,48 @@
   color: var(--kratos-color-primary);
   font-family: var(--kratos-font-mono);
 }
+
+/* ============================================================
+ * 标准空态词汇（列表无数据时统一使用）
+ * ============================================================ */
+.k-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 140px 32px;
+}
+.k-empty__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 112px;
+  height: 112px;
+  border-radius: 26px;
+  border: 1PX solid var(--kratos-color-border-accent);
+  background: var(--kratos-color-primary-soft-2);
+  color: var(--kratos-color-primary);
+  box-shadow: var(--kratos-glow-soft);
+}
+.k-empty__title {
+  margin-top: 28px;
+  color: var(--kratos-color-text);
+  font-size: 27px;
+  font-weight: 700;
+}
+.k-empty__desc {
+  margin-top: 12px;
+  color: var(--kratos-color-text-muted);
+  font-size: 22px;
+  font-family: var(--kratos-font-mono);
+  text-align: center;
+}
+.k-empty__act {
+  margin-top: 32px;
+  padding: 16px 40px;
+  border-radius: 999px;
+  border: 1PX solid var(--kratos-color-border-accent);
+  background: var(--kratos-color-primary-soft-2);
+  color: var(--kratos-color-primary);
+  font-size: 24px;
+  font-family: var(--kratos-font-mono);
+}

package/src/utils/http.ts

@@ -1,4 +1,4 @@
-import Taro from '@tarojs/taro'
+import Taro, { getCurrentPages } from '@tarojs/taro'
 import {
   clearToken,
   getRefreshToken,
@@ -262,19 +262,36 @@ async function refreshAccessToken(): Promise<void> {
   setTokenExpiresIn(data.expires_in)
 }
 
+/** 会话过期弹窗等待时长：H5 端路由切换会自动隐藏模态且 Promise 永不结算，超时释放避免提示永久卡死。 */
+const RELOGIN_PROMPT_TIMEOUT = 60_000
+
 async function promptRelogin(): Promise<void> {
+  // 401 来自旧会话的在途请求而当前已是有效登录态时直接忽略，避免刚登录成功被弹窗打断。
+  if (hasValidToken()) return
+  const pages = getCurrentPages()
+  // 登录页自身的请求失效只清理残留登录态，避免确认后重载登录页丢失已填写的表单。
+  if (pages[pages.length - 1]?.route === 'pages/login/login') {
+    if (getToken() || getRefreshToken() || Taro.getStorageSync('user')) silentClearAuthData()
+    return
+  }
   if (isPromptingRelogin) return
   isPromptingRelogin = true
   try {
     const theme = useThemeStore.getState().theme
-    const modal = await Taro.showModal({
-      title: t('common.title.notice'),
-      content: t('core.auth.session_expired'),
-      showCancel: false,
-      confirmText: t('core.auth.login_again'),
-      confirmColor: theme === 'light' ? '#039e8c' : '#28f0d4',
-    })
-    if (!modal.confirm) return
+    const modal = await Promise.race([
+      // 按钮文案复用通用确认键：平台对 confirmText 限制 4 个汉字/8 字符，长文案会被整体拒绝。
+      Taro.showModal({
+        title: t('common.title.notice'),
+        content: t('core.auth.session_expired'),
+        showCancel: false,
+        confirmText: t('common.action.confirm'),
+        confirmColor: theme === 'light' ? '#039e8c' : '#28f0d4',
+      }).catch(() => undefined as undefined),
+      new Promise<undefined>((resolve) =>
+        setTimeout(() => resolve(undefined), RELOGIN_PROMPT_TIMEOUT),
+      ),
+    ])
+    if (!modal?.confirm) return
     await new Promise((resolve) => setTimeout(resolve, 80))
     silentClearAuthData()
     saveCurrentRoute()

package/src/views/pages/index/index.scss

@@ -10,8 +10,21 @@ page {
 }
 
 .home-page--weapp .home-content {
-  /* 44PX 是系统导航栏高度，88px 按设计稿转换为 44 物理像素。 */
-  padding-top: calc(44PX + 88px);
+  padding-top: 0;
+}
+
+/* 小程序端首页标题占导航带：与 k-page-nav--weapp 同几何，标题与胶囊同行 */
+.home-page--weapp .home-top {
+  box-sizing: border-box;
+  height: calc(88px + 44PX);
+  padding: 44PX 4px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.home-page--weapp .home-top__title {
+  margin-top: 0;
 }
 
 .home-content {
@@ -24,13 +37,13 @@ page {
   padding: 8px 4px 24px;
 }
 
-/* 页面大标题 */
+/* 页面大标题：与其他页面导航标题同规格，向原生导航栏看齐 */
 .home-top__title {
   margin-top: 14px;
   color: var(--kratos-color-text);
-  font-size: 44px;
-  font-weight: 800;
-  letter-spacing: -0.5px;
+  font-size: 16PX;
+  font-weight: 700;
+  text-align: center;
 }
 
 .home-hero {

package/src/views/pages/index/index.tsx

@@ -13,7 +13,7 @@ export default function HomePage() {
   const themeStore = useThemeStore()
   const settings = useSettingStore((state) => state.data)
   const loadData = useSettingStore((state) => state.loadData)
-  const mainTitle = settings?.get('mainTitle') || t('core.home.main_title')
+  const mainTitle = t('core.navigation.home')
   const subTitle = settings?.get('subTitle') || t('core.home.sub_title')
   const configuredAppLogo = settings?.get('appLogo')
   const configuredLogoUrl = configuredAppLogo ? formatSrc(configuredAppLogo) : defaultLogo
@@ -36,7 +36,8 @@ export default function HomePage() {
   const demos = [
     [t('core.home.cross_platform'), t('core.home.cross_platform_description')],
     [t('core.home.account_capability'), t('core.home.account_capability_description')],
-    [t('core.home.static_home'), t('core.home.static_home_description')],
+    [t('core.home.message_center'), t('core.home.message_center_description')],
+    [t('core.home.dynamic_config'), t('core.home.dynamic_config_description')],
   ]
   return (
     <View
@@ -51,10 +52,6 @@ export default function HomePage() {
         </View>
 
         <View className='k-glass k-glass--lit home-hero'>
-          <View className='k-cnr k-cnr--tl' aria-hidden />
-          <View className='k-cnr k-cnr--tr' aria-hidden />
-          <View className='k-cnr k-cnr--bl' aria-hidden />
-          <View className='k-cnr k-cnr--br' aria-hidden />
           <View className='home-hero__main'>
             <Image
               className='home-logo'

package/src/views/pages/login/login.tsx

@@ -639,10 +639,6 @@ export default function LoginPage() {
         </View>
       </View>
       <View className='k-glass k-glass--lit login-panel'>
-        <View className='k-cnr k-cnr--tl' aria-hidden />
-        <View className='k-cnr k-cnr--tr' aria-hidden />
-        <View className='k-cnr k-cnr--bl' aria-hidden />
-        <View className='k-cnr k-cnr--br' aria-hidden />
         {process.env.TARO_ENV === 'h5' ? (
           <View className='login-form'>
             {showTenantCode ? (