修改导航

src/publish_pages/publishBall/index.tsx

@@ -10,6 +10,8 @@ import { FormFieldConfig, publishBallFormSchema } from '../../config/formSchema/
 import { PublishBallFormData } from '../../../types/publishBall';
 import PublishService from '@/services/publishService';
 import { getNextHourTime, getEndTime, delay } from '@/utils';
+import { useGlobalState } from "@/store/global"
+import GeneralNavbar from "@/components/GeneralNavbar"
 import images from '@/config/images'
 import { useUserInfo } from '@/store/userStore'
 import styles from './index.module.scss'
@@ -57,12 +59,13 @@ const PublishBall: React.FC = () => {
   const [isSubmitDisabled, setIsSubmitDisabled] = useState(false)
   const userInfo = useUserInfo();
   const publishAiData = usePublishBallData()
-
+  const { statusNavbarHeightInfo } = useGlobalState();
   // 获取页面参数并设置导航标题
   const [optionsConfig, setOptionsConfig] = useState<FormFieldConfig[]>(publishBallFormSchema)
   console.log(userInfo, 'userInfo');
   const [formData, setFormData] = useState<PublishBallFormData[]>([defaultFormData])
   const [checked, setChecked] = useState(true)
+  const [titleBar, setTitleBar] = useState('发布')
   // 删除确认弹窗状态
   const [deleteConfirm, setDeleteConfirm] = useState<{
     visible: boolean;
@@ -412,13 +415,9 @@ const PublishBall: React.FC = () => {
           }, [] as FormFieldConfig[])
           setOptionsConfig(newFormSchema)
           setFormData([defaultFormData])
-          Taro.setNavigationBarTitle({
-            title: '发布畅打活动'
-          })
+          setTitleBar('发布畅打活动')
         } else {
-           Taro.setNavigationBarTitle({
-            title: '发布'
-          })
+          setTitleBar('发布')
           setFormData([{...defaultFormData, wechat: { ...defaultFormData.wechat, default_wechat_contact: userPhone } }])
         }
       } else if (type === 'ai') {
@@ -435,9 +434,7 @@ const PublishBall: React.FC = () => {
         } else {
           setFormData([defaultFormData])
         }
-         Taro.setNavigationBarTitle({
-            title: '发布畅打活动'
-          })
+        setTitleBar('发布畅打活动')
       }
     }
   }
@@ -459,7 +456,9 @@ const PublishBall: React.FC = () => {
   }, [])
 
   return (
-    <View className={styles['publish-ball']}>
+    <View>
+      <GeneralNavbar title={titleBar} backgroundColor="#FAFAFA" className={styles['publish-ball-navbar']} />
+      <View className={styles['publish-ball']} style={{ paddingTop: `${statusNavbarHeightInfo.totalHeight}px` }}>
       {/* 活动类型切换 */}
       <View className={styles['activity-type-switch']}>
         {/* <ActivityTypeSwitch
@@ -468,7 +467,7 @@ const PublishBall: React.FC = () => {
         /> */}
       </View>
 
-      <View className={styles['publish-ball__scroll']}>
+      <View className={styles['publish-ball__scroll']} style={{ height: `calc(100vh - ${statusNavbarHeightInfo.totalHeight+120}px)` }}>
         {
           formData.map((item, index) => (
             <View key={index}>
@@ -553,6 +552,7 @@ const PublishBall: React.FC = () => {
         }
       </View>
     </View>
+    </View>
   )
 }