118 lines
1.9 KiB
Plaintext
118 lines
1.9 KiB
Plaintext
// @import '~antd/es/style/themes/default.less';
|
|
@import '~antd/dist/antd.less';
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
.colorWeak {
|
|
filter: invert(80%);
|
|
}
|
|
|
|
.ant-layout {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
canvas {
|
|
display: block;
|
|
}
|
|
|
|
body {
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
// 骨架屏优化样式
|
|
.ant-skeleton {
|
|
.ant-skeleton-content {
|
|
|
|
.ant-skeleton-title,
|
|
.ant-skeleton-paragraph>li {
|
|
background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
|
|
background-size: 200% 100%;
|
|
animation: loading 1.4s ease-in-out infinite;
|
|
}
|
|
}
|
|
|
|
.ant-skeleton-avatar {
|
|
background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
|
|
background-size: 200% 100%;
|
|
animation: loading 1.4s ease-in-out infinite;
|
|
}
|
|
|
|
.ant-skeleton-input,
|
|
.ant-skeleton-button {
|
|
background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
|
|
background-size: 200% 100%;
|
|
animation: loading 1.4s ease-in-out infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes loading {
|
|
0% {
|
|
background-position: 200% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: -200% 0;
|
|
}
|
|
}
|
|
|
|
// 页面切换动画优化
|
|
.ant-layout-content {
|
|
transition: opacity 0.2s ease-in-out;
|
|
|
|
&.loading {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
|
|
@media (max-width: @screen-xs) {
|
|
.ant-table {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
|
|
&-thead>tr,
|
|
&-tbody>tr {
|
|
|
|
>th,
|
|
>td {
|
|
white-space: pre;
|
|
|
|
>span {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Compatible with IE11
|
|
@media screen and(-ms-high-contrast: active),
|
|
(-ms-high-contrast: none) {
|
|
body .ant-design-pro>.ant-layout {
|
|
min-height: 100vh;
|
|
}
|
|
}
|
|
|
|
// 页面过渡优化
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
// 增强页面切换体验
|
|
.ant-tabs-content-holder {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ant-tabs-tabpane {
|
|
outline: none;
|
|
} |