|
@@ -54,9 +54,12 @@ const Content = (props) => {
|
54
|
54
|
)
|
55
|
55
|
}
|
56
|
56
|
|
|
57
|
+const showNum = 8;
|
|
58
|
+
|
57
|
59
|
export default (props) => {
|
58
|
60
|
const [loading, setLoading] = useState(false)
|
59
|
61
|
const [list, setList] = useState([])
|
|
62
|
+ const [disabled, setDisabled] = useState(false)
|
60
|
63
|
|
61
|
64
|
const queryList = useCallback(() => {
|
62
|
65
|
setLoading(true)
|
|
@@ -78,14 +81,18 @@ export default (props) => {
|
78
|
81
|
queryList()
|
79
|
82
|
}, [])
|
80
|
83
|
|
|
84
|
+ useEffect(() => {
|
|
85
|
+ setDisabled(!list || list.length <= showNum)
|
|
86
|
+ }, [list])
|
|
87
|
+
|
81
|
88
|
return (
|
82
|
89
|
<Card title="今日提交记录" loading={loading} bodyStyle={{ height: '600px' }}>
|
83
|
90
|
<List style={{ height: '100%', overflow: 'hidden' }} itemLayout="horizontal">
|
84
|
91
|
<Carousel
|
85
|
|
- autoplay
|
86
|
|
- infinite
|
|
92
|
+ autoplay={!disabled}
|
|
93
|
+ infinite={!disabled}
|
87
|
94
|
rtl
|
88
|
|
- slidesToShow={8}
|
|
95
|
+ slidesToShow={showNum}
|
89
|
96
|
slidesToScroll={1}
|
90
|
97
|
dot={false}
|
91
|
98
|
dotPosition="right"
|