改善
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}]}>
|
<Row gutter={[16, {xs: 8, sm: 16, md: 24, lg: 32}]}>
|
||||||
{
|
{
|
||||||
records.map((record, index) => {
|
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}
|
<PrintRecordCard key={index} record={record} fileType={1}
|
||||||
messageApi={messageApi}/>
|
messageApi={messageApi}/>
|
||||||
</Col>)
|
</Col>)
|
||||||
|
|||||||
@ -259,7 +259,7 @@ AccountInfoDrawer.propTypes = {
|
|||||||
open: PropTypes.bool.isRequired,
|
open: PropTypes.bool.isRequired,
|
||||||
setOpen: PropTypes.func.isRequired,
|
setOpen: PropTypes.func.isRequired,
|
||||||
userInfoDetails: PropTypes.object.isRequired,
|
userInfoDetails: PropTypes.object.isRequired,
|
||||||
commonAxios: PropTypes.object.isRequired,
|
commonAxios: PropTypes.func.isRequired,
|
||||||
messageApi: PropTypes.object.isRequired,
|
messageApi: PropTypes.object.isRequired,
|
||||||
fetchUserInfoList: PropTypes.func.isRequired,
|
fetchUserInfoList: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|||||||
@ -145,7 +145,7 @@ const AddUserDrawer = props => {
|
|||||||
AddUserDrawer.propTypes = {
|
AddUserDrawer.propTypes = {
|
||||||
open: PropTypes.bool.isRequired,
|
open: PropTypes.bool.isRequired,
|
||||||
setOpen: PropTypes.func.isRequired,
|
setOpen: PropTypes.func.isRequired,
|
||||||
commonAxios: PropTypes.object.isRequired,
|
commonAxios: PropTypes.func.isRequired,
|
||||||
fetchUserInfoList: PropTypes.func.isRequired,
|
fetchUserInfoList: PropTypes.func.isRequired,
|
||||||
messageApi: PropTypes.object.isRequired
|
messageApi: PropTypes.object.isRequired
|
||||||
};
|
};
|
||||||
|
|||||||
@ -59,7 +59,7 @@ const DeleteTeacherModal = props => {
|
|||||||
DeleteTeacherModal.propTypes = {
|
DeleteTeacherModal.propTypes = {
|
||||||
open: PropTypes.bool.isRequired,
|
open: PropTypes.bool.isRequired,
|
||||||
setOpen: PropTypes.func.isRequired,
|
setOpen: PropTypes.func.isRequired,
|
||||||
commonAxios: PropTypes.object.isRequired,
|
commonAxios: PropTypes.func.isRequired,
|
||||||
userInfo: PropTypes.object.isRequired,
|
userInfo: PropTypes.object.isRequired,
|
||||||
fetchUserInfo: PropTypes.func.isRequired,
|
fetchUserInfo: PropTypes.func.isRequired,
|
||||||
setDrawerOpen: PropTypes.func.isRequired,
|
setDrawerOpen: PropTypes.func.isRequired,
|
||||||
|
|||||||
@ -104,7 +104,7 @@ const QueryConditionForm = props => {
|
|||||||
QueryConditionForm.propTypes = {
|
QueryConditionForm.propTypes = {
|
||||||
queryRequest: PropTypes.object.isRequired,
|
queryRequest: PropTypes.object.isRequired,
|
||||||
setQueryRequest: PropTypes.func.isRequired,
|
setQueryRequest: PropTypes.func.isRequired,
|
||||||
commonAxios: PropTypes.object.isRequired,
|
commonAxios: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default QueryConditionForm;
|
export default QueryConditionForm;
|
||||||
@ -35,6 +35,7 @@ const UserInfoTable = props => {
|
|||||||
columns={UserInfoTableColumn(openUserInfoDetails)}
|
columns={UserInfoTableColumn(openUserInfoDetails)}
|
||||||
dataSource={queryResponse.list}
|
dataSource={queryResponse.list}
|
||||||
pagination={false}
|
pagination={false}
|
||||||
|
rowKey="id"
|
||||||
/>
|
/>
|
||||||
</Spin>
|
</Spin>
|
||||||
<Pagination
|
<Pagination
|
||||||
@ -58,7 +59,7 @@ UserInfoTable.propTypes = {
|
|||||||
setQueryRequest: PropTypes.func.isRequired,
|
setQueryRequest: PropTypes.func.isRequired,
|
||||||
queryResponse: PropTypes.object.isRequired,
|
queryResponse: PropTypes.object.isRequired,
|
||||||
messageApi: PropTypes.object.isRequired,
|
messageApi: PropTypes.object.isRequired,
|
||||||
commonAxios: PropTypes.object.isRequired,
|
commonAxios: PropTypes.func.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default UserInfoTable;
|
export default UserInfoTable;
|
||||||
@ -82,20 +82,9 @@ const App = () => {
|
|||||||
overflow: 'auto',
|
overflow: 'auto',
|
||||||
scrollbarWidth: 'thin',
|
scrollbarWidth: 'thin',
|
||||||
scrollbarColor: '#888 #f5f5f5',
|
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'}}/>
|
<Outlet style={{position: 'relative'}}/>
|
||||||
<Layout.Footer style={{background: 'rgba(0,0,0,0)'}}>
|
<Layout.Footer style={{background: 'rgba(0,0,0,0)'}}>
|
||||||
|
|||||||
Reference in New Issue
Block a user