改善
This commit is contained in:
22
src/global.css
Normal file
22
src/global.css
Normal file
@ -0,0 +1,22 @@
|
||||
/* 自定义滚动条样式(WebKit 内核:Chrome、Safari) */
|
||||
.custom-scrollbar::-webkit-scrollbar {
|
||||
width: 8px; /* 滚动条宽度 */
|
||||
}
|
||||
|
||||
.custom-scrollbar::-webkit-scrollbar-track {
|
||||
background: #f5f5f5; /* 滚动条轨道背景色 */
|
||||
}
|
||||
|
||||
.custom-scrollbar::-webkit-scrollbar-thumb {
|
||||
background: #888; /* 滚动条滑块颜色 */
|
||||
border-radius: 4px; /* 滑块圆角 */
|
||||
}
|
||||
|
||||
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background: #555; /* 滑块 hover 后颜色 */
|
||||
}
|
||||
.custom-scrollbar {
|
||||
/* Firefox 滚动条配置(可选,若内联样式已加则可省略) */
|
||||
scrollbar-width: thin; /* 滚动条宽度:thin/auto/none */
|
||||
scrollbar-color: #888 #f5f5f5; /* 滑块颜色 轨道颜色 */
|
||||
}
|
||||
@ -90,7 +90,7 @@ const DataPrint = props => {
|
||||
<Row gutter={[16, {xs: 8, sm: 16, md: 24, lg: 32}]}>
|
||||
{
|
||||
records.map((record, index) => {
|
||||
return (<Col xxl={8} xl={12} lg={12} md={24} sm={24} xs={24}>
|
||||
return (<Col key={record.id} xxl={8} xl={12} lg={12} md={24} sm={24} xs={24}>
|
||||
<PrintRecordCard key={index} record={record} fileType={1}
|
||||
messageApi={messageApi}/>
|
||||
</Col>)
|
||||
|
||||
@ -259,7 +259,7 @@ AccountInfoDrawer.propTypes = {
|
||||
open: PropTypes.bool.isRequired,
|
||||
setOpen: PropTypes.func.isRequired,
|
||||
userInfoDetails: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.func.isRequired,
|
||||
messageApi: PropTypes.object.isRequired,
|
||||
fetchUserInfoList: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
@ -145,7 +145,7 @@ const AddUserDrawer = props => {
|
||||
AddUserDrawer.propTypes = {
|
||||
open: PropTypes.bool.isRequired,
|
||||
setOpen: PropTypes.func.isRequired,
|
||||
commonAxios: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.func.isRequired,
|
||||
fetchUserInfoList: PropTypes.func.isRequired,
|
||||
messageApi: PropTypes.object.isRequired
|
||||
};
|
||||
|
||||
@ -59,7 +59,7 @@ const DeleteTeacherModal = props => {
|
||||
DeleteTeacherModal.propTypes = {
|
||||
open: PropTypes.bool.isRequired,
|
||||
setOpen: PropTypes.func.isRequired,
|
||||
commonAxios: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.func.isRequired,
|
||||
userInfo: PropTypes.object.isRequired,
|
||||
fetchUserInfo: PropTypes.func.isRequired,
|
||||
setDrawerOpen: PropTypes.func.isRequired,
|
||||
|
||||
@ -104,7 +104,7 @@ const QueryConditionForm = props => {
|
||||
QueryConditionForm.propTypes = {
|
||||
queryRequest: PropTypes.object.isRequired,
|
||||
setQueryRequest: PropTypes.func.isRequired,
|
||||
commonAxios: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
export default QueryConditionForm;
|
||||
@ -35,6 +35,7 @@ const UserInfoTable = props => {
|
||||
columns={UserInfoTableColumn(openUserInfoDetails)}
|
||||
dataSource={queryResponse.list}
|
||||
pagination={false}
|
||||
rowKey="id"
|
||||
/>
|
||||
</Spin>
|
||||
<Pagination
|
||||
@ -58,7 +59,7 @@ UserInfoTable.propTypes = {
|
||||
setQueryRequest: PropTypes.func.isRequired,
|
||||
queryResponse: PropTypes.object.isRequired,
|
||||
messageApi: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.object.isRequired,
|
||||
commonAxios: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
export default UserInfoTable;
|
||||
@ -82,20 +82,9 @@ const App = () => {
|
||||
overflow: 'auto',
|
||||
scrollbarWidth: 'thin',
|
||||
scrollbarColor: '#888 #f5f5f5',
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '8px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
background: '#f5f5f5',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
background: '#888',
|
||||
borderRadius: '4px',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb:hover': {
|
||||
background: '#555',
|
||||
},
|
||||
}}
|
||||
// 关键:添加 CSS 类,绑定 WebKit 滚动条样式
|
||||
className="custom-scrollbar"
|
||||
>
|
||||
<Outlet style={{position: 'relative'}}/>
|
||||
<Layout.Footer style={{background: 'rgba(0,0,0,0)'}}>
|
||||
|
||||
Reference in New Issue
Block a user