修改发布日历

2025-08-30 22:25:39 +08:00
parent bb6ec8c183
commit fe14e01267
59 changed files with 2151 additions and 2921 deletions
--- a/src/components/PublishMenu/PublishMenu.tsx
+++ b/src/components/PublishMenu/PublishMenu.tsx
@@ -0,0 +1,81 @@
+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'
+
+export interface PublishMenuProps {
+  onPersonalPublish?: () => void
+  onActivityPublish?: () => void
+}
+
+const PublishMenu: React.FC<PublishMenuProps> = () => {
+  const [isVisible, setIsVisible] = useState(false)
+
+  const handleIconClick = () => {
+    setIsVisible(!isVisible)
+  }
+
+  const handleMenuItemClick = (type: 'individual' | 'group') => {
+    // 跳转到publishBall页面并传递type参数
+    console.log(type, 'type');
+    Taro.navigateTo({
+      url: `/pages/publishBall/index?type=${type}`
+    })
+    setIsVisible(false)
+  }
+
+
+
+  return (
+    <View className={styles.publishMenu}>
+      
+      {/* 菜单选项 */}
+      {isVisible && (
+        <View className={styles.menuCard}>
+          <View 
+            className={styles.menuItem}
+            onClick={() => handleMenuItemClick('individual')}
+          >
+            <View className={styles.menuIcon}>
+              <Image src={images.ICON_PERSON} />
+            </View>
+            <View className={styles.menuContent}>
+              <Text className={styles.menuTitle}>发布个人约球</Text>
+              <Text className={styles.menuDesc}>已订场，找球友；未订场，找搭子</Text>
+            </View>
+            <View className={styles.menuArrow}>
+              <Image src={images.ICON_ARROW_RIGHT} className={styles.img} />
+            </View>
+          </View>
+          
+          <View 
+            className={styles.menuItem}
+            onClick={() => handleMenuItemClick('group')}
+          >
+            <View className={styles.menuIcon}>
+              <Image src={images.ICON_GROUP} />
+            </View>
+            <View className={styles.menuContent}>
+              <Text className={styles.menuTitle}>发布畅打活动</Text>
+              <Text className={styles.menuDesc}>认证球场官方组织</Text>
+            </View>
+            <View className={styles.menuArrow}>
+              <Image src={images.ICON_ARROW_RIGHT} className={styles.img} />
+            </View>
+          </View>
+        </View>
+      )}
+      
+      {/* 绿色圆形按钮 */}
+      <View 
+        className={`${styles.greenButton} ${isVisible ? styles.rotated : ''}`}
+        onClick={handleIconClick}
+      >
+        <Image src={images.ICON_PUBLISH} className={styles.closeIcon} />
+      </View>
+    </View>
+  )
+}
+
+export default PublishMenu