taro/src/pages/account/PhotoWall.tsx

import { View } from "@tarojs/components";
import './PhotoWall.scss'
import Taro from "@tarojs/taro";
import { useState } from "react";
import NewTimePicker from "@/_health/base/new_timepicker";

export default function PhotoWall() {
    const screenWidth = Taro.getSystemInfoSync().screenWidth
    const space = 2
    const itemWidth = (screenWidth-space*2)/3.0
    const [list, setList] = useState(new Array(10).fill("aaa"))
    return <View style={{display:'flex',flexDirection:'column'}}>
        <NewTimePicker />
        <View className="photo_wall">
        {
            list.map((item, index) => {
                return <View key={index} style={{ width: itemWidth, height: itemWidth, backgroundColor: 'pink',marginBottom:space }}></View>
            })
        }
        <View style={{ width: itemWidth, height: itemWidth }} />
        <View style={{ width: itemWidth, height: itemWidth }} />
    </View>
    </View>
}