臧小川的博客

import { useState } from 'react';import styles from './style.less'const menus = [ { name: '文旅', id: 1, children: [ { name: '住房服务', id: 1 }, { name: '公共事业', id: 2 }, { name: '社保服务', id: 3 }, ] },

/** * @color --color 父级定义颜色 css直接使用变量 */import { useState, useEffect } from 'react';import styles from './style.less'const index = () =>{ const [time, setTime] = useState({ hours: '00', minutes: '00', seconds: '00' })

【代码】列表滚动效果。

import styles from './style.less'import TurnButton from '@/common/TurnButton'const index = () =>{ return ( { return (

【代码】根据表格展示详情数据。

测试

import { useState, useRef, useEffect, Fragment } from 'react';import styles from './style.less'import { StarOutlined } from '@ant-design/icons';const arr = [ { name: '羽神', title: '白丝萝莉 卡哇伊', img: 'https://img0.baidu.com/it/u=1228576179,2597010157&f

import { useState, useRef, useEffect, Fragment } from 'react';import styles from './style.less'const arr = [ { name: '羽神', title: '名侦探柯南 普通话版', img: 'https://img0.baidu.com/it/u=1228576179,2597010157&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=700', id: 1

import styles from './style.less'const index = () =>{ return ( 我唤醒大海 环形山脉

import { useState } from 'react';import styles from './style.less'import Progress from './Progress'const index = () =>{ const [count, setCount] = useState(50) return (

旋转菜单3.0

这怎么还要填写摘要了~

效果图JSimport React, { useState } from 'react';import styles from './style.less'const index = () =>{ const [navData, setNavData] = useState([ { name: '文旅', id: 1, rotate: 0 }, { name: '卫生', id: 2, rotate: 60 }, { name:

效果图JSimport { useState, } from 'react';import styles from './style.less'const data = [ { name: '胡乐乐', key: 1, age: 19, value: '你的努力真让人可笑', operating: '哈哈哈哈' }, { name: '少主', key: 2, age: 129, value: '嘿嘿嘿', operating: '哈哈哈哈' }, { name: '郭帅'

效果图JSimport { useState, useEffect, useRef } from 'react'import styles from './style.less'import { Table, Space } from 'antd';const dataSource = [ { name: '羽神', grade: '优', time: '2022-5-13 2022-5-18', detail: '我跨

效果图JSimport styles from './style.less'const index = () =>{ return ( <div className={styles.container}> <a href="#" className={styles.SidebarCreate}> <span>Hello World</span>

效果图JSimport styles from './style.less'const index = () =>{ return ( <div className={styles.container}> <button data-spotlight="Hello World"></button> </div> );};export default indexCSS

效果图JSimport { useState, useEffect } from 'react'import styles from './style.less'import { Table, Space } from 'antd';const dataSource = [ { name: '羽神', grade: '优', time: '2022-5-13 2022-5-18', detail: '我跨过沙漠之舟 背

效果图JSimport styles from './style.less'import { Select } from 'antd';const index = () =>{ const { Option } = Select; function handleChange (value) { console.log(`selected ${value}`); } return ( <div style={