修改发布

src/pages/publishBall/components/PopupGameplay/PopupGameplay.module.scss

@@ -0,0 +1,34 @@
+.optionsList {
+  padding: 26px 15px 16px 15px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  background-color: #fff;
+}
+
+.optionItem {
+  display: flex;
+  min-height: 40px;
+  justify-content: center;
+  align-items: center;
+  flex: 1 0 0;
+  border-radius: 999px;
+  border: 0.5px solid rgba(0, 0, 0, 0.12);
+  background: #FFF;
+}
+
+
+.optionItem.selected {
+  border: 0.5px solid rgba(0, 0, 0, 0.06);
+  color: #fff;
+  font-size: 14px;
+  background: #000;
+  .optionText {
+    color: #fff;
+  }
+}
+
+.optionText {
+  font-size: 14px;
+  color: #333;
+}

src/pages/publishBall/components/PopupGameplay/PopupGameplay.tsx

@@ -0,0 +1,58 @@
+import React, { useState, useEffect } from 'react'
+import { View, Text } from '@tarojs/components'
+import { CommonPopup } from '../../../../components'
+import styles from './PopupGameplay.module.scss'
+
+interface PopupGameplayProps {
+  visible: boolean
+  onClose: () => void
+  onConfirm: (selectedGameplay: string) => void
+  selectedGameplay?: string
+}
+
+export default function PopupGameplay({ visible, onClose, onConfirm, selectedGameplay = '不限' }: PopupGameplayProps) {
+  const [selectedOption, setSelectedOption] = useState(selectedGameplay)
+  
+  const options = ['不限', '单打', '双打', '拉球']
+  
+  useEffect(() => {
+    if (visible && selectedGameplay) {
+      setSelectedOption(selectedGameplay)
+    }
+  }, [visible, selectedGameplay])
+  
+  const handleOptionSelect = (option: string) => {
+    setSelectedOption(option)
+  }
+  
+  const handleClose = () => {
+    onClose()
+  }
+  
+  const handleConfirm = () => {
+    onConfirm(selectedOption)
+  }
+  
+  return (
+    <CommonPopup 
+      visible={visible}
+      onClose={handleClose}
+      showHeader={false}
+      onConfirm={handleConfirm}
+      confirmText='确定'
+      cancelText='取消'
+    >
+        <View className={styles.optionsList}>
+          {options.map((option) => (
+            <View 
+              key={option}
+              className={`${styles.optionItem} ${selectedOption === option ? styles.selected : ''}`}
+              onClick={() => handleOptionSelect(option)}
+            >
+              <Text className={styles.optionText}>{option}</Text>
+            </View>
+          ))}
+        </View>
+      </CommonPopup>
+  )
+}

src/pages/publishBall/components/PopupGameplay/index.ts

@@ -0,0 +1 @@
+export { default } from './PopupGameplay'