修改bug

This commit is contained in:
筱野
2025-09-13 10:55:06 +08:00
parent aef84e76cb
commit 52bee95505
9 changed files with 317 additions and 349 deletions

View File

@@ -58,7 +58,7 @@
font-size: 14px;
color: #333;
font-weight: 500;
width: 50px;
width: 60px;
text-align: right;
margin-right: 8px;
}

View File

@@ -13,28 +13,28 @@ interface PopupGameplayProps {
export default function PopupGameplay({ visible, onClose, onConfirm, value = '不限', options = [] }: PopupGameplayProps) {
const [selectedOption, setSelectedOption] = useState(value)
useEffect(() => {
if (visible && value) {
setSelectedOption(value)
}
}, [visible, value])
const handleOptionSelect = (option: string) => {
setSelectedOption(option)
}
const handleClose = () => {
onClose()
}
const handleConfirm = () => {
onConfirm(selectedOption)
}
return (
<CommonPopup
<CommonPopup
visible={visible}
onClose={handleClose}
showHeader={false}
@@ -44,7 +44,7 @@ export default function PopupGameplay({ visible, onClose, onConfirm, value = '
>
<View className={styles.optionsList}>
{options.map((option) => (
<View
<View
key={option.value}
className={`${styles.optionItem} ${selectedOption === option.value ? styles.selected : ''}`}
onClick={() => handleOptionSelect(option.value)}

View File

@@ -2,7 +2,8 @@
.select-stadium {
width: 100%;
height: calc(100vh - 10px);
max-height: 80vh;
min-height: 80vh;
background: #f5f5f5;
display: flex;
flex-direction: column;
@@ -156,9 +157,9 @@
.stadium-list {
flex: 1;
width: auto;
height: calc(83vh - 130px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
.stadium-item {
padding: 16px 20px;
display: flex;

View File

@@ -57,7 +57,7 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
setLoading(false)
}
}
useEffect(() => {
if (visible) {
@@ -138,8 +138,8 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
const handleItemLocation = (stadium: Stadium) => {
if (stadium.latitude && stadium.longitude) {
Taro.openLocation({
latitude: stadium.latitude,
longitude: stadium.longitude,
latitude: stadium.latitude * 1,
longitude: stadium.longitude * 1,
name: stadium.name,
address: stadium.address,
success: (res) => {
@@ -157,8 +157,8 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
)
}
// 如果显示详情页面
if (showDetail && selectedStadium) {
@@ -194,7 +194,7 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
position="bottom"
round
>
<View className='select-stadium'>
{/* 搜索框 */}
<View className='search-section'>
@@ -255,20 +255,20 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
<View className='stadium-item-right'>
<View className='stadium-name' dangerouslySetInnerHTML={{ __html: markSearchText(stadium.name) }}></View>
<View className='stadium-address'>
<Text
<Text
className='stadium-distance'
onClick={(e) => {
e.stopPropagation()
handleItemLocation(stadium)
onClick={(e) => {
e.stopPropagation()
handleItemLocation(stadium)
}}
>
{calculateDistance(stadium)} ·
{calculateDistance(stadium)} ·
</Text>
<Text
<Text
className='stadium-address-text'
onClick={(e) => {
e.stopPropagation()
handleItemLocation(stadium)
onClick={(e) => {
e.stopPropagation()
handleItemLocation(stadium)
}}
>
{stadium.address}
@@ -276,7 +276,7 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
<Image src={images.ICON_ARRORW_SMALL} className='stadium-map-icon' />
</View>
</View>
</View>
))}
{searchValue && (
@@ -297,10 +297,10 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
)
}
{/* 场馆列表 */}
</View>
</CommonPopup>
)
}
export default SelectStadium
export default SelectStadium

View File

@@ -1,13 +1,13 @@
.stadium-detail {
width: 100%;
height: auto;
min-height: 60vh;
background: white;
display: flex;
flex-direction: column;
overflow: hidden;
overflow-y: scroll;
padding-bottom: env(safe-area-inset-bottom);
.stadium-detail-scroll{
height:72vh;
}
// 已选球场
// 场馆列表
.stadium-item {

View File

@@ -1,6 +1,6 @@
import React, { useState, useCallback, forwardRef, useImperativeHandle } from 'react'
import Taro from '@tarojs/taro'
import { View, Text, Image } from '@tarojs/components'
import { View, Text, Image, ScrollView } from '@tarojs/components'
import images from '@/config/images'
import TextareaTag from '@/components/TextareaTag'
// import CoverImageUpload, { type CoverImage } from '@/components/ImageUpload'
@@ -163,6 +163,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
console.log(stadium,'stadiumstadium');
return (
<View className='stadium-detail'>
<ScrollView className='stadium-detail-scroll' scrollY>
{/* 已选球场 */}
<View
className={`stadium-item`}
@@ -240,6 +241,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
return null
})}
</ScrollView>
</View>
)
})