taro/src/features/workout/WorkoutContent.tsx

import Modal from "@/components/layout/Modal";
import { View, Text } from "@tarojs/components";
import { useState } from "react";

export default function Component() {
    const [showDataPicker, setShowDataPicker] = useState(false)
    const [showTimePicker, setShowTimePicker] = useState(false)
    return <View style={{ display: 'flex', flexDirection: 'column' }}>
        <Text>平板支撑</Text>
        <Text>训练内容</Text>
        <View onClick={() => { setShowTimePicker(true) }}>
            <Text>今天 12:12</Text>
        </View>
        {
            showTimePicker && <Modal dismiss={() => setShowTimePicker(false)}><Text></Text></Modal>
        }
        {
            showDataPicker && <Modal dismiss={() => setShowDataPicker(false)}><Text></Text></Modal>
        }

    </View>
}