demo.tsx 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. import MoveList from '@/features/trackSomething/components/MoveList';
  2. import MoveOrderList from '@/features/trackSomething/components/MoveOrderList';
  3. import { rpxToPx } from '@/utils/tools';
  4. import { Canvas, View, Text, PageContainer, ScrollView, Image } from '@tarojs/components';
  5. import { MovableArea, MovableView } from "@tarojs/components";
  6. import VirtualList from '@tarojs/components/virtual-list';
  7. import React from 'react';
  8. import { useEffect, useState } from 'react';
  9. import './demo.scss'
  10. import Taro from '@tarojs/taro';
  11. import Slider from '@/components/input/Slider2';
  12. import Timer from '@/components/basic/Timer';
  13. export default function Demo() {
  14. const [selIndex, setSelIndex] = useState(0)
  15. // 定义一个二维数组
  16. const array: number[][] = [];
  17. // 初始化二维数组
  18. for (let i = 0; i < 12; i++) {
  19. array[i] = new Array(31).fill(0);
  20. }
  21. console.log(array)
  22. return (
  23. <View>
  24. <View>
  25. <View className={selIndex == 0 ? "single_check_sel" : "single_check_nor"} onClick={() => { setSelIndex(0); global.updateMixItem([true, false, false]); setCount((prevCounter) => prevCounter + 1) }}>
  26. <Text className={selIndex == 0 ? "single_check_text_sel" : "single_check_text_nor"}>睡前断食</Text>
  27. {
  28. selIndex == 0 && <Image src={require('@assets/images/check_black.png')} className="single_checked" />
  29. }
  30. </View>
  31. <View className={selIndex == 1 ? "single_check_sel" : "single_check_nor"} onClick={() => { setSelIndex(1); global.updateMixItem([false, true, false]); setCount((prevCounter) => prevCounter + 1) }}>
  32. <Text className={selIndex == 1 ? "single_check_text_sel" : "single_check_text_nor"}>睡眠中断食</Text>
  33. {
  34. selIndex == 1 && <Image src={require('@assets/images/check_black.png')} className="single_checked" />
  35. }
  36. </View>
  37. <View className={selIndex == 2 ? "single_check_sel" : "single_check_nor"} onClick={() => { setSelIndex(2); global.updateMixItem([false, false, true]); setCount((prevCounter) => prevCounter + 1) }}>
  38. <Text className={selIndex == 2 ? "single_check_text_sel" : "single_check_text_nor"}>起床后断食</Text>
  39. {
  40. selIndex == 2 && <Image src={require('@assets/images/check_black.png')} className="single_checked" />
  41. }
  42. </View>
  43. </View>
  44. {/* <Timer />
  45. <ScrollView scrollX scrollY enableFlex className='demoMain'>
  46. {
  47. array.map((list, i) => {
  48. return <View >
  49. {
  50. list.map((item, j) => {
  51. return <Image className='demoItem' mode="aspectFill" src='https://fast-dev.oss-cn-beijing.aliyuncs.com/users/3e1751a7280581c5c183b0fd8261da15/food-journal/2024/307e27cf-c284-4054-b59d-fb75fe5bd6a6_20240109154737_945.webp?x-oss-process=image/resize,w_50,limit_0'/>
  52. // return <View className='demoItem'></View>
  53. })
  54. }
  55. </View>
  56. })
  57. }
  58. </ScrollView> */}
  59. </View>
  60. )
  61. }