diff --git a/src/components/PublishMenu/PublishMenu.tsx b/src/components/PublishMenu/PublishMenu.tsx index ce8e9ed..7ad6105 100644 --- a/src/components/PublishMenu/PublishMenu.tsx +++ b/src/components/PublishMenu/PublishMenu.tsx @@ -1,55 +1,53 @@ -import React, { useState } from 'react' -import { View, Text, Image } from '@tarojs/components' -import Taro from '@tarojs/taro' -import styles from './index.module.scss' -import images from '@/config/images' -import AiImportPopup from '@/publish_pages/publishBall/components/AiImportPopup' +import React, { useState } from "react"; +import { View, Text, Image } from "@tarojs/components"; +import Taro from "@tarojs/taro"; +import styles from "./index.module.scss"; +import images from "@/config/images"; +import AiImportPopup from "@/publish_pages/publishBall/components/AiImportPopup"; export interface PublishMenuProps { - onPersonalPublish?: () => void - onActivityPublish?: () => void + onPersonalPublish?: () => void; + onActivityPublish?: () => void; } const PublishMenu: React.FC = () => { - const [isVisible, setIsVisible] = useState(false) - const [aiImportVisible, setAiImportVisible] = useState(false) - + const [isVisible, setIsVisible] = useState(false); + const [aiImportVisible, setAiImportVisible] = useState(false); + const handleIconClick = () => { - setIsVisible(!isVisible) - } + setIsVisible(!isVisible); + }; const handleOverlayClick = () => { - setIsVisible(false) - } - const handleMenuItemClick = (type: 'individual' | 'group' | 'ai') => { + setIsVisible(false); + }; + const handleMenuItemClick = (type: "individual" | "group" | "ai") => { // 跳转到publishBall页面并传递type参数 - console.log(type, 'type'); - if (type === 'ai') { - setAiImportVisible(true) - setIsVisible(false) - return + console.log(type, "type"); + if (type === "ai") { + setAiImportVisible(true); + setIsVisible(false); + return; } Taro.navigateTo({ - url: `/publish_pages/publishBall/index?type=${type}` - }) - setIsVisible(false) - } + url: `/publish_pages/publishBall/index?type=${type}`, + }); + setIsVisible(false); + }; const handleAiImportClose = () => { - setAiImportVisible(false) - } + setAiImportVisible(false); + }; const handleManualPublish = () => { Taro.navigateTo({ - url: '/publish_pages/publishBall/index?type=individual' - }) - } - - + url: "/publish_pages/publishBall/index?type=individual", + }); + }; return ( - {/* 蒙层 */} - {isVisible && ( + {/* 蒙层 */} + {isVisible && ( )} {/* 菜单选项 */} @@ -57,15 +55,21 @@ const PublishMenu: React.FC = () => { handleMenuItemClick('individual')} + onClick={() => handleMenuItemClick("individual")} > - 发布个人约球 + + 发布个人约球 - + - 已订场,找球友;未订场,找搭子 + + 已订场,找球友;未订场,找搭子 + @@ -74,44 +78,53 @@ const PublishMenu: React.FC = () => { handleMenuItemClick('group')} + onClick={() => handleMenuItemClick("group")} > - - 发布畅打活动 + + 发布畅打活动 - + 认证球场官方组织 - - + + - {/* handleMenuItemClick('ai')} + onClick={() => handleMenuItemClick("ai")} > - 智能发布球局 + + 智能发布球局 - + + - - 识别文本/图片,快速导入球局信息 + + 识别文本/图片,快速导入球局信息 + - + - */} + )} {/* 绿色圆形按钮 */} @@ -124,7 +137,7 @@ const PublishMenu: React.FC = () => { onManualPublish={handleManualPublish} /> - ) -} + ); +}; -export default PublishMenu +export default PublishMenu;