feat: 放开识别入口
This commit is contained in:
@@ -1,50 +1,48 @@
|
|||||||
import React, { useState } from 'react'
|
import React, { useState } from "react";
|
||||||
import { View, Text, Image } from '@tarojs/components'
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
import Taro from '@tarojs/taro'
|
import Taro from "@tarojs/taro";
|
||||||
import styles from './index.module.scss'
|
import styles from "./index.module.scss";
|
||||||
import images from '@/config/images'
|
import images from "@/config/images";
|
||||||
import AiImportPopup from '@/publish_pages/publishBall/components/AiImportPopup'
|
import AiImportPopup from "@/publish_pages/publishBall/components/AiImportPopup";
|
||||||
|
|
||||||
export interface PublishMenuProps {
|
export interface PublishMenuProps {
|
||||||
onPersonalPublish?: () => void
|
onPersonalPublish?: () => void;
|
||||||
onActivityPublish?: () => void
|
onActivityPublish?: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const PublishMenu: React.FC<PublishMenuProps> = () => {
|
const PublishMenu: React.FC<PublishMenuProps> = () => {
|
||||||
const [isVisible, setIsVisible] = useState(false)
|
const [isVisible, setIsVisible] = useState(false);
|
||||||
const [aiImportVisible, setAiImportVisible] = useState(false)
|
const [aiImportVisible, setAiImportVisible] = useState(false);
|
||||||
|
|
||||||
const handleIconClick = () => {
|
const handleIconClick = () => {
|
||||||
setIsVisible(!isVisible)
|
setIsVisible(!isVisible);
|
||||||
}
|
};
|
||||||
const handleOverlayClick = () => {
|
const handleOverlayClick = () => {
|
||||||
setIsVisible(false)
|
setIsVisible(false);
|
||||||
}
|
};
|
||||||
const handleMenuItemClick = (type: 'individual' | 'group' | 'ai') => {
|
const handleMenuItemClick = (type: "individual" | "group" | "ai") => {
|
||||||
// 跳转到publishBall页面并传递type参数
|
// 跳转到publishBall页面并传递type参数
|
||||||
console.log(type, 'type');
|
console.log(type, "type");
|
||||||
if (type === 'ai') {
|
if (type === "ai") {
|
||||||
setAiImportVisible(true)
|
setAiImportVisible(true);
|
||||||
setIsVisible(false)
|
setIsVisible(false);
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
Taro.navigateTo({
|
Taro.navigateTo({
|
||||||
url: `/publish_pages/publishBall/index?type=${type}`
|
url: `/publish_pages/publishBall/index?type=${type}`,
|
||||||
})
|
});
|
||||||
setIsVisible(false)
|
setIsVisible(false);
|
||||||
}
|
};
|
||||||
|
|
||||||
const handleAiImportClose = () => {
|
const handleAiImportClose = () => {
|
||||||
setAiImportVisible(false)
|
setAiImportVisible(false);
|
||||||
}
|
};
|
||||||
|
|
||||||
const handleManualPublish = () => {
|
const handleManualPublish = () => {
|
||||||
Taro.navigateTo({
|
Taro.navigateTo({
|
||||||
url: '/publish_pages/publishBall/index?type=individual'
|
url: "/publish_pages/publishBall/index?type=individual",
|
||||||
})
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View className={styles.publishMenu}>
|
<View className={styles.publishMenu}>
|
||||||
@@ -57,15 +55,21 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
|
|||||||
<View className={styles.menuCard}>
|
<View className={styles.menuCard}>
|
||||||
<View
|
<View
|
||||||
className={styles.menuItem}
|
className={styles.menuItem}
|
||||||
onClick={() => handleMenuItemClick('individual')}
|
onClick={() => handleMenuItemClick("individual")}
|
||||||
>
|
>
|
||||||
<View className={styles.menuContent}>
|
<View className={styles.menuContent}>
|
||||||
<View className={styles.menuTitle}>发布个人约球
|
<View className={styles.menuTitle}>
|
||||||
|
发布个人约球
|
||||||
<View className={styles.menuArrow}>
|
<View className={styles.menuArrow}>
|
||||||
<Image src={images.ICON_ARROW_RIGHT_BLACK} className={styles.img} />
|
<Image
|
||||||
|
src={images.ICON_ARROW_RIGHT_BLACK}
|
||||||
|
className={styles.img}
|
||||||
|
/>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<Text className={styles.menuDesc}>已订场,找球友;未订场,找搭子</Text>
|
<Text className={styles.menuDesc}>
|
||||||
|
已订场,找球友;未订场,找搭子
|
||||||
|
</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.menuIcon}>
|
<View className={styles.menuIcon}>
|
||||||
<Image src={images.ICON_PERSON} />
|
<Image src={images.ICON_PERSON} />
|
||||||
@@ -74,13 +78,16 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
|
|||||||
|
|
||||||
<View
|
<View
|
||||||
className={styles.menuItem}
|
className={styles.menuItem}
|
||||||
onClick={() => handleMenuItemClick('group')}
|
onClick={() => handleMenuItemClick("group")}
|
||||||
>
|
>
|
||||||
|
|
||||||
<View className={styles.menuContent}>
|
<View className={styles.menuContent}>
|
||||||
<View className={styles.menuTitle}>发布畅打活动
|
<View className={styles.menuTitle}>
|
||||||
|
发布畅打活动
|
||||||
<View className={styles.menuArrow}>
|
<View className={styles.menuArrow}>
|
||||||
<Image src={images.ICON_ARROW_RIGHT_BLACK} className={styles.img} />
|
<Image
|
||||||
|
src={images.ICON_ARROW_RIGHT_BLACK}
|
||||||
|
className={styles.img}
|
||||||
|
/>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<Text className={styles.menuDesc}>认证球场官方组织</Text>
|
<Text className={styles.menuDesc}>认证球场官方组织</Text>
|
||||||
@@ -89,29 +96,35 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
|
|||||||
<Image src={images.ICON_GROUP} />
|
<Image src={images.ICON_GROUP} />
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
{/* <View
|
<View
|
||||||
className={`${styles.menuItem} ${styles.aiItem}`}
|
className={`${styles.menuItem} ${styles.aiItem}`}
|
||||||
onClick={() => handleMenuItemClick('ai')}
|
onClick={() => handleMenuItemClick("ai")}
|
||||||
>
|
>
|
||||||
<View className={styles.menuContent}>
|
<View className={styles.menuContent}>
|
||||||
<View className={styles.menuTitle}>智能发布球局
|
<View className={styles.menuTitle}>
|
||||||
|
智能发布球局
|
||||||
<View className={styles.menuArrow}>
|
<View className={styles.menuArrow}>
|
||||||
<Image src={images.ICON_ARROW_RIGHT_WHITE} className={styles.img} />
|
<Image
|
||||||
|
src={images.ICON_ARROW_RIGHT_WHITE}
|
||||||
|
className={styles.img}
|
||||||
|
/>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<Text className={styles.menuDesc}>识别文本/图片,快速导入球局信息</Text>
|
<Text className={styles.menuDesc}>
|
||||||
|
识别文本/图片,快速导入球局信息
|
||||||
|
</Text>
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
<View className={styles.menuIcon}>
|
<View className={styles.menuIcon}>
|
||||||
<Image src={images.ICON_IMPORTANT_BTN} />
|
<Image src={images.ICON_IMPORTANT_BTN} />
|
||||||
</View>
|
</View>
|
||||||
</View> */}
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* 绿色圆形按钮 */}
|
{/* 绿色圆形按钮 */}
|
||||||
<View
|
<View
|
||||||
className={`${styles.greenButton} ${isVisible ? styles.rotated : ''}`}
|
className={`${styles.greenButton} ${isVisible ? styles.rotated : ""}`}
|
||||||
onClick={handleIconClick}
|
onClick={handleIconClick}
|
||||||
>
|
>
|
||||||
<Image src={images.ICON_PUBLISH} className={styles.closeIcon} />
|
<Image src={images.ICON_PUBLISH} className={styles.closeIcon} />
|
||||||
@@ -124,7 +137,7 @@ const PublishMenu: React.FC<PublishMenuProps> = () => {
|
|||||||
onManualPublish={handleManualPublish}
|
onManualPublish={handleManualPublish}
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
)
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
export default PublishMenu
|
export default PublishMenu;
|
||||||
|
|||||||
Reference in New Issue
Block a user