fix: 顶栏颜色跟随小程序主题并保留跟随系统

src/pages/checkout/index.config.ts

@@ -1,4 +1,5 @@
 export default definePageConfig({
   navigationStyle: 'custom',
+  enablePageMeta: true,
   navigationBarTitleText: '确认下单'
 })

src/pages/checkout/index.tsx

@@ -6,6 +6,7 @@ import { getDesignList, designToOrder, getDefaultAddress, getAddressList, type A
 import { useThemeContext } from '../../context/ThemeContext'
 import { useSafeArea } from '../../hooks/useSafeArea'
 import { useStatusBar } from '../../hooks/useStatusBar'
+import ThemedPageMeta from '../../components/ThemedPageMeta'
 
 export default function CheckoutPage() {
   const { theme, resolvedTheme } = useThemeContext()
@@ -59,6 +60,7 @@ export default function CheckoutPage() {
   if (!design) {
     return (
       <View className={`theme-${resolvedTheme}`}>
+        <ThemedPageMeta />
         <View className='checkout-page'>
           <View className='page-header dashed-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
             <Text className='page-title'>设计不存在</Text>
@@ -79,6 +81,7 @@ export default function CheckoutPage() {
 
   return (
     <View className={`theme-${resolvedTheme}`}>
+      <ThemedPageMeta />
       <View className='checkout-page'>
 
         <View className='page-header dashed-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>