omni-layout 0.0.5-beta.3 → 0.0.5-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (284) hide show
  1. package/dist/index.css +1 -2208
  2. package/dist/index.esm.css +1 -2208
  3. package/dist/index.esm.js +1 -3
  4. package/dist/index.js +1 -9917
  5. package/es/RouteContext.js +3 -0
  6. package/es/antd.css +9 -0
  7. package/es/assets/douyu.png +0 -0
  8. package/es/assets/logo.svg +43 -0
  9. package/es/compontent/GridContent/GridContent.less +15 -0
  10. package/es/compontent/GridContent/index.js +19 -0
  11. package/es/compontent/NoticeIcon/NoticeList.js +61 -0
  12. package/es/compontent/NoticeIcon/NoticeList.less +107 -0
  13. package/es/compontent/NoticeIcon/index.js +172 -0
  14. package/es/compontent/NoticeIcon/index.less +46 -0
  15. package/es/compontent/PageHeader/index.js +85 -0
  16. package/es/compontent/PageHeaderWrapper/index.js +93 -0
  17. package/es/compontent/PageHeaderWrapper/index.less +106 -0
  18. package/es/compontent/PageHeaderWtihTagWrapper/index.js +138 -0
  19. package/es/compontent/PageHeaderWtihTagWrapper/index.less +107 -0
  20. package/es/compontent/app/index.js +118 -0
  21. package/es/compontent/defaultSettings.js +14 -0
  22. package/es/compontent/footer/footer.js +24 -0
  23. package/es/compontent/footer/index.js +19 -0
  24. package/es/compontent/footer/index.less +31 -0
  25. package/es/compontent/header/all.js +119 -0
  26. package/es/compontent/header/favorate.js +21 -0
  27. package/es/compontent/header/help.js +72 -0
  28. package/es/compontent/header/index.js +118 -0
  29. package/es/compontent/headerdropdown/index.js +27 -0
  30. package/es/compontent/headerdropdown/index.less +16 -0
  31. package/es/compontent/noticebox/index.js +59 -0
  32. package/es/compontent/search/index.js +170 -0
  33. package/es/compontent/sidemenu/BaseMenu.js +299 -0
  34. package/es/compontent/sidemenu/SiderMenu.js +206 -0
  35. package/es/compontent/sidemenu/SiderMenuUtils.js +54 -0
  36. package/es/compontent/sidemenu/index.js +51 -0
  37. package/es/compontent/sidemenu/index.less +75 -0
  38. package/es/compontent/test/index.js +47 -0
  39. package/es/compontent/typings.js +1 -0
  40. package/es/const.js +26 -0
  41. package/es/data/allmenu.js +2 -0
  42. package/es/data/data.js +548 -0
  43. package/es/demo.css +20 -0
  44. package/es/getPageTitle.js +44 -0
  45. package/es/index.js +288 -0
  46. package/es/index.less +19 -0
  47. package/es/index.mdx +40 -0
  48. package/es/introduce.mdx +11 -0
  49. package/es/locale/index.js +3 -0
  50. package/es/mock/appInfos.js +1456 -0
  51. package/es/mock/data.js +205 -0
  52. package/es/model/base.js +42 -0
  53. package/es/model/menu.js +36 -0
  54. package/es/store/common.js +97 -0
  55. package/es/styles/antd/style/color/bezierEasing.less +110 -0
  56. package/es/styles/antd/style/color/colorPalette.less +85 -0
  57. package/es/styles/antd/style/color/colors.less +162 -0
  58. package/es/styles/antd/style/color/tinyColor.less +1184 -0
  59. package/es/styles/antd/style/compact.less +4 -0
  60. package/es/styles/antd/style/core/base.less +10 -0
  61. package/es/styles/antd/style/core/global.less +491 -0
  62. package/es/styles/antd/style/core/iconfont.less +22 -0
  63. package/es/styles/antd/style/core/index.less +5 -0
  64. package/es/styles/antd/style/core/motion/fade.less +34 -0
  65. package/es/styles/antd/style/core/motion/move.less +129 -0
  66. package/es/styles/antd/style/core/motion/other.less +51 -0
  67. package/es/styles/antd/style/core/motion/slide.less +131 -0
  68. package/es/styles/antd/style/core/motion/zoom.less +179 -0
  69. package/es/styles/antd/style/core/motion.less +22 -0
  70. package/es/styles/antd/style/css.js +1 -0
  71. package/es/styles/antd/style/dark.less +4 -0
  72. package/es/styles/antd/style/default.css +1248 -0
  73. package/es/styles/antd/style/default.less +4 -0
  74. package/es/styles/antd/style/index-pure.less +2 -0
  75. package/es/styles/antd/style/index.css +1248 -0
  76. package/es/styles/antd/style/index.d.ts +1 -0
  77. package/es/styles/antd/style/index.js +1 -0
  78. package/es/styles/antd/style/index.less +3 -0
  79. package/es/styles/antd/style/mixins/box.less +7 -0
  80. package/es/styles/antd/style/mixins/clearfix.less +16 -0
  81. package/es/styles/antd/style/mixins/compact-item-vertical.less +41 -0
  82. package/es/styles/antd/style/mixins/compact-item.less +133 -0
  83. package/es/styles/antd/style/mixins/compatibility.less +13 -0
  84. package/es/styles/antd/style/mixins/customize.less +181 -0
  85. package/es/styles/antd/style/mixins/iconfont.less +29 -0
  86. package/es/styles/antd/style/mixins/index.less +16 -0
  87. package/es/styles/antd/style/mixins/modal-mask.less +30 -0
  88. package/es/styles/antd/style/mixins/motion.less +33 -0
  89. package/es/styles/antd/style/mixins/operation-unit.less +15 -0
  90. package/es/styles/antd/style/mixins/reset.less +11 -0
  91. package/es/styles/antd/style/mixins/rounded-arrow.less +44 -0
  92. package/es/styles/antd/style/mixins/size.less +10 -0
  93. package/es/styles/antd/style/mixins/typography.less +58 -0
  94. package/es/styles/antd/style/themes/compact.less +295 -0
  95. package/es/styles/antd/style/themes/dark.less +457 -0
  96. package/es/styles/antd/style/themes/default.less +1084 -0
  97. package/es/styles/antd/style/themes/index.less +7 -0
  98. package/es/styles/antd/style/themes/variable.less +1139 -0
  99. package/es/styles/antd/style/variable.less +4 -0
  100. package/es/styles/app.less +349 -0
  101. package/es/styles/header.less +237 -0
  102. package/es/styles/headerdropdown.less +21 -0
  103. package/es/styles/scrollbar.less +13 -0
  104. package/es/styles/search.less +53 -0
  105. package/es/styles/sidemenu.less +7 -0
  106. package/es/styles/topnav.less +1 -0
  107. package/es/styles/variables.less +22 -0
  108. package/es/util/check.js +19 -0
  109. package/es/util/data.js +20 -0
  110. package/es/util/getBreadcrumbProps.js +139 -0
  111. package/es/util/getMenuData.js +116 -0
  112. package/es/util/icon.js +57 -0
  113. package/es/util/pathTools.js +13 -0
  114. package/es/util/request.js +45 -0
  115. package/es/util/tree.js +10 -0
  116. package/es/util/utils.js +7 -0
  117. package/es/util/watermark.js +118 -0
  118. package/lib/RouteContext.js +9 -0
  119. package/lib/antd.css +9 -0
  120. package/lib/assets/douyu.png +0 -0
  121. package/lib/assets/logo.svg +43 -0
  122. package/lib/compontent/GridContent/GridContent.less +15 -0
  123. package/lib/compontent/GridContent/index.js +27 -0
  124. package/lib/compontent/NoticeIcon/NoticeList.js +69 -0
  125. package/lib/compontent/NoticeIcon/NoticeList.less +107 -0
  126. package/lib/compontent/NoticeIcon/index.js +179 -0
  127. package/lib/compontent/NoticeIcon/index.less +46 -0
  128. package/lib/compontent/PageHeader/index.js +91 -0
  129. package/lib/compontent/PageHeaderWrapper/index.js +100 -0
  130. package/lib/compontent/PageHeaderWrapper/index.less +106 -0
  131. package/lib/compontent/PageHeaderWtihTagWrapper/index.js +144 -0
  132. package/lib/compontent/PageHeaderWtihTagWrapper/index.less +107 -0
  133. package/lib/compontent/app/index.js +126 -0
  134. package/lib/compontent/defaultSettings.js +20 -0
  135. package/lib/compontent/footer/footer.js +31 -0
  136. package/lib/compontent/footer/index.js +30 -0
  137. package/lib/compontent/footer/index.less +31 -0
  138. package/lib/compontent/header/all.js +125 -0
  139. package/lib/compontent/header/favorate.js +28 -0
  140. package/lib/compontent/header/help.js +79 -0
  141. package/lib/compontent/header/index.js +124 -0
  142. package/lib/compontent/headerdropdown/index.js +34 -0
  143. package/lib/compontent/headerdropdown/index.less +16 -0
  144. package/lib/compontent/noticebox/index.js +66 -0
  145. package/lib/compontent/search/index.js +178 -0
  146. package/lib/compontent/sidemenu/BaseMenu.js +306 -0
  147. package/lib/compontent/sidemenu/SiderMenu.js +213 -0
  148. package/lib/compontent/sidemenu/SiderMenuUtils.js +59 -0
  149. package/lib/compontent/sidemenu/index.js +57 -0
  150. package/lib/compontent/sidemenu/index.less +75 -0
  151. package/lib/compontent/test/index.js +54 -0
  152. package/lib/compontent/typings.js +5 -0
  153. package/lib/const.js +31 -0
  154. package/lib/data/allmenu.js +8 -0
  155. package/lib/data/data.js +554 -0
  156. package/lib/demo.css +20 -0
  157. package/lib/getPageTitle.js +51 -0
  158. package/lib/index.js +299 -0
  159. package/lib/index.less +19 -0
  160. package/lib/index.mdx +40 -0
  161. package/lib/introduce.mdx +11 -0
  162. package/lib/locale/index.js +9 -0
  163. package/lib/mock/appInfos.js +1462 -0
  164. package/lib/mock/data.js +211 -0
  165. package/lib/model/base.js +49 -0
  166. package/lib/model/menu.js +41 -0
  167. package/lib/store/common.js +103 -0
  168. package/lib/styles/antd/style/color/bezierEasing.less +110 -0
  169. package/lib/styles/antd/style/color/colorPalette.less +85 -0
  170. package/lib/styles/antd/style/color/colors.less +162 -0
  171. package/lib/styles/antd/style/color/tinyColor.less +1184 -0
  172. package/lib/styles/antd/style/compact.less +4 -0
  173. package/lib/styles/antd/style/core/base.less +10 -0
  174. package/lib/styles/antd/style/core/global.less +491 -0
  175. package/lib/styles/antd/style/core/iconfont.less +22 -0
  176. package/lib/styles/antd/style/core/index.less +5 -0
  177. package/lib/styles/antd/style/core/motion/fade.less +34 -0
  178. package/lib/styles/antd/style/core/motion/move.less +129 -0
  179. package/lib/styles/antd/style/core/motion/other.less +51 -0
  180. package/lib/styles/antd/style/core/motion/slide.less +131 -0
  181. package/lib/styles/antd/style/core/motion/zoom.less +179 -0
  182. package/lib/styles/antd/style/core/motion.less +22 -0
  183. package/lib/styles/antd/style/css.js +3 -0
  184. package/lib/styles/antd/style/dark.less +4 -0
  185. package/lib/styles/antd/style/default.css +1248 -0
  186. package/lib/styles/antd/style/default.less +4 -0
  187. package/lib/styles/antd/style/index-pure.less +2 -0
  188. package/lib/styles/antd/style/index.css +1248 -0
  189. package/lib/styles/antd/style/index.d.ts +1 -0
  190. package/lib/styles/antd/style/index.js +3 -0
  191. package/lib/styles/antd/style/index.less +3 -0
  192. package/lib/styles/antd/style/mixins/box.less +7 -0
  193. package/lib/styles/antd/style/mixins/clearfix.less +16 -0
  194. package/lib/styles/antd/style/mixins/compact-item-vertical.less +41 -0
  195. package/lib/styles/antd/style/mixins/compact-item.less +133 -0
  196. package/lib/styles/antd/style/mixins/compatibility.less +13 -0
  197. package/lib/styles/antd/style/mixins/customize.less +181 -0
  198. package/lib/styles/antd/style/mixins/iconfont.less +29 -0
  199. package/lib/styles/antd/style/mixins/index.less +16 -0
  200. package/lib/styles/antd/style/mixins/modal-mask.less +30 -0
  201. package/lib/styles/antd/style/mixins/motion.less +33 -0
  202. package/lib/styles/antd/style/mixins/operation-unit.less +15 -0
  203. package/lib/styles/antd/style/mixins/reset.less +11 -0
  204. package/lib/styles/antd/style/mixins/rounded-arrow.less +44 -0
  205. package/lib/styles/antd/style/mixins/size.less +10 -0
  206. package/lib/styles/antd/style/mixins/typography.less +58 -0
  207. package/lib/styles/antd/style/themes/compact.less +295 -0
  208. package/lib/styles/antd/style/themes/dark.less +457 -0
  209. package/lib/styles/antd/style/themes/default.less +1084 -0
  210. package/lib/styles/antd/style/themes/index.less +7 -0
  211. package/lib/styles/antd/style/themes/variable.less +1139 -0
  212. package/lib/styles/antd/style/variable.less +4 -0
  213. package/lib/styles/app.less +349 -0
  214. package/lib/styles/header.less +237 -0
  215. package/lib/styles/headerdropdown.less +21 -0
  216. package/lib/styles/scrollbar.less +13 -0
  217. package/lib/styles/search.less +53 -0
  218. package/lib/styles/sidemenu.less +7 -0
  219. package/lib/styles/topnav.less +1 -0
  220. package/lib/styles/variables.less +22 -0
  221. package/lib/util/check.js +25 -0
  222. package/lib/util/data.js +25 -0
  223. package/lib/util/getBreadcrumbProps.js +146 -0
  224. package/lib/util/getMenuData.js +123 -0
  225. package/lib/util/icon.js +67 -0
  226. package/lib/util/pathTools.js +19 -0
  227. package/lib/util/request.js +49 -0
  228. package/lib/util/tree.js +16 -0
  229. package/lib/util/utils.js +13 -0
  230. package/lib/util/watermark.js +124 -0
  231. package/package.json +42 -14
  232. package/dist/demo/src/App.d.ts +0 -14
  233. package/dist/demo/src/index.d.ts +0 -1
  234. package/dist/demo/src/layouts/BasicLayout.d.ts +0 -16
  235. package/dist/demo/src/pages/ArticlesPage.d.ts +0 -10
  236. package/dist/demo/src/pages/CategoryPage.d.ts +0 -9
  237. package/dist/demo/src/pages/Dashboard.d.ts +0 -10
  238. package/dist/demo/src/pages/DetailPage.d.ts +0 -10
  239. package/dist/demo/src/pages/ListPage.d.ts +0 -10
  240. package/dist/demo/src/pages/SettingPage.d.ts +0 -13
  241. package/dist/demo/vite.config.d.ts +0 -2
  242. package/dist/src/RouteContext.d.ts +0 -12
  243. package/dist/src/compontent/GridContent/index.d.ts +0 -9
  244. package/dist/src/compontent/NoticeIcon/NoticeList.d.ts +0 -22
  245. package/dist/src/compontent/NoticeIcon/index.d.ts +0 -53
  246. package/dist/src/compontent/PageHeader/index.d.ts +0 -14
  247. package/dist/src/compontent/PageHeaderWrapper/index.d.ts +0 -22
  248. package/dist/src/compontent/PageHeaderWtihTagWrapper/index.d.ts +0 -23
  249. package/dist/src/compontent/app/index.d.ts +0 -9
  250. package/dist/src/compontent/defaultSettings.d.ts +0 -36
  251. package/dist/src/compontent/footer/footer.d.ts +0 -15
  252. package/dist/src/compontent/footer/index.d.ts +0 -3
  253. package/dist/src/compontent/header/all.d.ts +0 -10
  254. package/dist/src/compontent/header/favorate.d.ts +0 -3
  255. package/dist/src/compontent/header/help.d.ts +0 -4
  256. package/dist/src/compontent/header/index.d.ts +0 -4
  257. package/dist/src/compontent/noticebox/index.d.ts +0 -5
  258. package/dist/src/compontent/search/index.d.ts +0 -47
  259. package/dist/src/compontent/sidemenu/BaseMenu.d.ts +0 -52
  260. package/dist/src/compontent/sidemenu/SiderMenu.d.ts +0 -27
  261. package/dist/src/compontent/sidemenu/SiderMenuUtils.d.ts +0 -13
  262. package/dist/src/compontent/sidemenu/index.d.ts +0 -4
  263. package/dist/src/compontent/test/index.d.ts +0 -5
  264. package/dist/src/compontent/typings.d.ts +0 -65
  265. package/dist/src/const.d.ts +0 -25
  266. package/dist/src/data/allmenu.d.ts +0 -2
  267. package/dist/src/data/data.d.ts +0 -44
  268. package/dist/src/getPageTitle.d.ts +0 -19
  269. package/dist/src/index.d.ts +0 -41
  270. package/dist/src/mock/appInfos.d.ts +0 -16
  271. package/dist/src/mock/data.d.ts +0 -5
  272. package/dist/src/model/base.d.ts +0 -24
  273. package/dist/src/model/menu.d.ts +0 -15
  274. package/dist/src/store/common.d.ts +0 -26
  275. package/dist/src/util/check.d.ts +0 -2
  276. package/dist/src/util/data.d.ts +0 -2
  277. package/dist/src/util/getBreadcrumbProps.d.ts +0 -33
  278. package/dist/src/util/getMenuData.d.ts +0 -10
  279. package/dist/src/util/icon.d.ts +0 -2
  280. package/dist/src/util/pathTools.d.ts +0 -1
  281. package/dist/src/util/request.d.ts +0 -11
  282. package/dist/src/util/tree.d.ts +0 -1
  283. package/dist/src/util/utils.d.ts +0 -1
  284. package/dist/src/util/watermark.d.ts +0 -1
package/dist/index.css CHANGED
@@ -1,2208 +1 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable no-duplicate-selectors */
3
- /* stylelint-disable */
4
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
- [class^=ant-]::-ms-clear,
6
- [class*= ant-]::-ms-clear,
7
- [class^=ant-] input::-ms-clear,
8
- [class*= ant-] input::-ms-clear,
9
- [class^=ant-] input::-ms-reveal,
10
- [class*= ant-] input::-ms-reveal {
11
- display: none;
12
- }
13
- /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
14
- html,
15
- body {
16
- width: 100%;
17
- height: 100%;
18
- }
19
- input::-ms-clear,
20
- input::-ms-reveal {
21
- display: none;
22
- }
23
- *,
24
- *::before,
25
- *::after {
26
- box-sizing: border-box;
27
- }
28
- html {
29
- font-family: sans-serif;
30
- line-height: 1.15;
31
- -webkit-text-size-adjust: 100%;
32
- -ms-text-size-adjust: 100%;
33
- -ms-overflow-style: scrollbar;
34
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
35
- }
36
- @-ms-viewport {
37
- width: device-width;
38
- }
39
- body {
40
- margin: 0;
41
- color: rgba(0, 0, 0, 0.85);
42
- font-size: 14px;
43
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
44
- font-variant: tabular-nums;
45
- line-height: 1.5715;
46
- background-color: #fff;
47
- font-feature-settings: 'tnum';
48
- }
49
- [tabindex='-1']:focus {
50
- outline: none !important;
51
- }
52
- hr {
53
- box-sizing: content-box;
54
- height: 0;
55
- overflow: visible;
56
- }
57
- h1,
58
- h2,
59
- h3,
60
- h4,
61
- h5,
62
- h6 {
63
- margin-top: 0;
64
- margin-bottom: 0.5em;
65
- color: rgba(0, 0, 0, 0.85);
66
- font-weight: 500;
67
- }
68
- p {
69
- margin-top: 0;
70
- margin-bottom: 1em;
71
- }
72
- abbr[title],
73
- abbr[data-original-title] {
74
- text-decoration: underline;
75
- -webkit-text-decoration: underline dotted;
76
- text-decoration: underline dotted;
77
- border-bottom: 0;
78
- cursor: help;
79
- }
80
- address {
81
- margin-bottom: 1em;
82
- font-style: normal;
83
- line-height: inherit;
84
- }
85
- input[type='text'],
86
- input[type='password'],
87
- input[type='number'],
88
- textarea {
89
- -webkit-appearance: none;
90
- }
91
- ol,
92
- ul,
93
- dl {
94
- margin-top: 0;
95
- margin-bottom: 1em;
96
- }
97
- ol ol,
98
- ul ul,
99
- ol ul,
100
- ul ol {
101
- margin-bottom: 0;
102
- }
103
- dt {
104
- font-weight: 500;
105
- }
106
- dd {
107
- margin-bottom: 0.5em;
108
- margin-left: 0;
109
- }
110
- blockquote {
111
- margin: 0 0 1em;
112
- }
113
- dfn {
114
- font-style: italic;
115
- }
116
- b,
117
- strong {
118
- font-weight: bolder;
119
- }
120
- small {
121
- font-size: 80%;
122
- }
123
- sub,
124
- sup {
125
- position: relative;
126
- font-size: 75%;
127
- line-height: 0;
128
- vertical-align: baseline;
129
- }
130
- sub {
131
- bottom: -0.25em;
132
- }
133
- sup {
134
- top: -0.5em;
135
- }
136
- a {
137
- color: #1890ff;
138
- text-decoration: none;
139
- background-color: transparent;
140
- outline: none;
141
- cursor: pointer;
142
- transition: color 0.3s;
143
- -webkit-text-decoration-skip: objects;
144
- }
145
- a:hover {
146
- color: #40a9ff;
147
- }
148
- a:active {
149
- color: #096dd9;
150
- }
151
- a:active,
152
- a:hover {
153
- text-decoration: none;
154
- outline: 0;
155
- }
156
- a:focus {
157
- text-decoration: none;
158
- outline: 0;
159
- }
160
- a[disabled] {
161
- color: rgba(0, 0, 0, 0.25);
162
- cursor: not-allowed;
163
- }
164
- pre,
165
- code,
166
- kbd,
167
- samp {
168
- font-size: 1em;
169
- font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
170
- }
171
- pre {
172
- margin-top: 0;
173
- margin-bottom: 1em;
174
- overflow: auto;
175
- }
176
- figure {
177
- margin: 0 0 1em;
178
- }
179
- img {
180
- vertical-align: middle;
181
- border-style: none;
182
- }
183
- a,
184
- area,
185
- button,
186
- [role='button'],
187
- input:not([type='range']),
188
- label,
189
- select,
190
- summary,
191
- textarea {
192
- touch-action: manipulation;
193
- }
194
- table {
195
- border-collapse: collapse;
196
- }
197
- caption {
198
- padding-top: 0.75em;
199
- padding-bottom: 0.3em;
200
- color: rgba(0, 0, 0, 0.45);
201
- text-align: left;
202
- caption-side: bottom;
203
- }
204
- input,
205
- button,
206
- select,
207
- optgroup,
208
- textarea {
209
- margin: 0;
210
- color: inherit;
211
- font-size: inherit;
212
- font-family: inherit;
213
- line-height: inherit;
214
- }
215
- button,
216
- input {
217
- overflow: visible;
218
- }
219
- button,
220
- select {
221
- text-transform: none;
222
- }
223
- button,
224
- html [type="button"],
225
- [type="reset"],
226
- [type="submit"] {
227
- -webkit-appearance: button;
228
- }
229
- button::-moz-focus-inner,
230
- [type='button']::-moz-focus-inner,
231
- [type='reset']::-moz-focus-inner,
232
- [type='submit']::-moz-focus-inner {
233
- padding: 0;
234
- border-style: none;
235
- }
236
- input[type='radio'],
237
- input[type='checkbox'] {
238
- box-sizing: border-box;
239
- padding: 0;
240
- }
241
- input[type='date'],
242
- input[type='time'],
243
- input[type='datetime-local'],
244
- input[type='month'] {
245
- -webkit-appearance: listbox;
246
- }
247
- textarea {
248
- overflow: auto;
249
- resize: vertical;
250
- }
251
- fieldset {
252
- min-width: 0;
253
- margin: 0;
254
- padding: 0;
255
- border: 0;
256
- }
257
- legend {
258
- display: block;
259
- width: 100%;
260
- max-width: 100%;
261
- margin-bottom: 0.5em;
262
- padding: 0;
263
- color: inherit;
264
- font-size: 1.5em;
265
- line-height: inherit;
266
- white-space: normal;
267
- }
268
- progress {
269
- vertical-align: baseline;
270
- }
271
- [type='number']::-webkit-inner-spin-button,
272
- [type='number']::-webkit-outer-spin-button {
273
- height: auto;
274
- }
275
- [type='search'] {
276
- outline-offset: -2px;
277
- -webkit-appearance: none;
278
- }
279
- [type='search']::-webkit-search-cancel-button,
280
- [type='search']::-webkit-search-decoration {
281
- -webkit-appearance: none;
282
- }
283
- ::-webkit-file-upload-button {
284
- font: inherit;
285
- -webkit-appearance: button;
286
- }
287
- output {
288
- display: inline-block;
289
- }
290
- summary {
291
- display: list-item;
292
- }
293
- template {
294
- display: none;
295
- }
296
- [hidden] {
297
- display: none !important;
298
- }
299
- mark {
300
- padding: 0.2em;
301
- background-color: #feffe6;
302
- }
303
- ::-moz-selection {
304
- color: #fff;
305
- background: #1890ff;
306
- }
307
- ::selection {
308
- color: #fff;
309
- background: #1890ff;
310
- }
311
- .clearfix::before {
312
- display: table;
313
- content: '';
314
- }
315
- .clearfix::after {
316
- display: table;
317
- clear: both;
318
- content: '';
319
- }
320
- .anticon {
321
- display: inline-flex;
322
- align-items: center;
323
- color: inherit;
324
- font-style: normal;
325
- line-height: 0;
326
- text-align: center;
327
- text-transform: none;
328
- vertical-align: -0.125em;
329
- text-rendering: optimizelegibility;
330
- -webkit-font-smoothing: antialiased;
331
- -moz-osx-font-smoothing: grayscale;
332
- }
333
- .anticon > * {
334
- line-height: 1;
335
- }
336
- .anticon svg {
337
- display: inline-block;
338
- }
339
- .anticon::before {
340
- display: none;
341
- }
342
- .anticon .anticon-icon {
343
- display: block;
344
- }
345
- .anticon > .anticon {
346
- line-height: 0;
347
- vertical-align: 0;
348
- }
349
- .anticon[tabindex] {
350
- cursor: pointer;
351
- }
352
- .anticon-spin,
353
- .anticon-spin::before {
354
- display: inline-block;
355
- animation: loadingCircle 1s infinite linear;
356
- }
357
- .ant-fade-enter,
358
- .ant-fade-appear {
359
- animation-duration: 0.2s;
360
- animation-fill-mode: both;
361
- animation-play-state: paused;
362
- }
363
- .ant-fade-leave {
364
- animation-duration: 0.2s;
365
- animation-fill-mode: both;
366
- animation-play-state: paused;
367
- }
368
- .ant-fade-enter.ant-fade-enter-active,
369
- .ant-fade-appear.ant-fade-appear-active {
370
- animation-name: antFadeIn;
371
- animation-play-state: running;
372
- }
373
- .ant-fade-leave.ant-fade-leave-active {
374
- animation-name: antFadeOut;
375
- animation-play-state: running;
376
- pointer-events: none;
377
- }
378
- .ant-fade-enter,
379
- .ant-fade-appear {
380
- opacity: 0;
381
- animation-timing-function: linear;
382
- }
383
- .ant-fade-leave {
384
- animation-timing-function: linear;
385
- }
386
- @keyframes antFadeIn {
387
- 0% {
388
- opacity: 0;
389
- }
390
- 100% {
391
- opacity: 1;
392
- }
393
- }
394
- @keyframes antFadeOut {
395
- 0% {
396
- opacity: 1;
397
- }
398
- 100% {
399
- opacity: 0;
400
- }
401
- }
402
- .ant-move-up-enter,
403
- .ant-move-up-appear {
404
- animation-duration: 0.2s;
405
- animation-fill-mode: both;
406
- animation-play-state: paused;
407
- }
408
- .ant-move-up-leave {
409
- animation-duration: 0.2s;
410
- animation-fill-mode: both;
411
- animation-play-state: paused;
412
- }
413
- .ant-move-up-enter.ant-move-up-enter-active,
414
- .ant-move-up-appear.ant-move-up-appear-active {
415
- animation-name: antMoveUpIn;
416
- animation-play-state: running;
417
- }
418
- .ant-move-up-leave.ant-move-up-leave-active {
419
- animation-name: antMoveUpOut;
420
- animation-play-state: running;
421
- pointer-events: none;
422
- }
423
- .ant-move-up-enter,
424
- .ant-move-up-appear {
425
- opacity: 0;
426
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
427
- }
428
- .ant-move-up-leave {
429
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
430
- }
431
- .ant-move-down-enter,
432
- .ant-move-down-appear {
433
- animation-duration: 0.2s;
434
- animation-fill-mode: both;
435
- animation-play-state: paused;
436
- }
437
- .ant-move-down-leave {
438
- animation-duration: 0.2s;
439
- animation-fill-mode: both;
440
- animation-play-state: paused;
441
- }
442
- .ant-move-down-enter.ant-move-down-enter-active,
443
- .ant-move-down-appear.ant-move-down-appear-active {
444
- animation-name: antMoveDownIn;
445
- animation-play-state: running;
446
- }
447
- .ant-move-down-leave.ant-move-down-leave-active {
448
- animation-name: antMoveDownOut;
449
- animation-play-state: running;
450
- pointer-events: none;
451
- }
452
- .ant-move-down-enter,
453
- .ant-move-down-appear {
454
- opacity: 0;
455
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
456
- }
457
- .ant-move-down-leave {
458
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
459
- }
460
- .ant-move-left-enter,
461
- .ant-move-left-appear {
462
- animation-duration: 0.2s;
463
- animation-fill-mode: both;
464
- animation-play-state: paused;
465
- }
466
- .ant-move-left-leave {
467
- animation-duration: 0.2s;
468
- animation-fill-mode: both;
469
- animation-play-state: paused;
470
- }
471
- .ant-move-left-enter.ant-move-left-enter-active,
472
- .ant-move-left-appear.ant-move-left-appear-active {
473
- animation-name: antMoveLeftIn;
474
- animation-play-state: running;
475
- }
476
- .ant-move-left-leave.ant-move-left-leave-active {
477
- animation-name: antMoveLeftOut;
478
- animation-play-state: running;
479
- pointer-events: none;
480
- }
481
- .ant-move-left-enter,
482
- .ant-move-left-appear {
483
- opacity: 0;
484
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
485
- }
486
- .ant-move-left-leave {
487
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
488
- }
489
- .ant-move-right-enter,
490
- .ant-move-right-appear {
491
- animation-duration: 0.2s;
492
- animation-fill-mode: both;
493
- animation-play-state: paused;
494
- }
495
- .ant-move-right-leave {
496
- animation-duration: 0.2s;
497
- animation-fill-mode: both;
498
- animation-play-state: paused;
499
- }
500
- .ant-move-right-enter.ant-move-right-enter-active,
501
- .ant-move-right-appear.ant-move-right-appear-active {
502
- animation-name: antMoveRightIn;
503
- animation-play-state: running;
504
- }
505
- .ant-move-right-leave.ant-move-right-leave-active {
506
- animation-name: antMoveRightOut;
507
- animation-play-state: running;
508
- pointer-events: none;
509
- }
510
- .ant-move-right-enter,
511
- .ant-move-right-appear {
512
- opacity: 0;
513
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
514
- }
515
- .ant-move-right-leave {
516
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
517
- }
518
- @keyframes antMoveDownIn {
519
- 0% {
520
- transform: translateY(100%);
521
- transform-origin: 0 0;
522
- opacity: 0;
523
- }
524
- 100% {
525
- transform: translateY(0%);
526
- transform-origin: 0 0;
527
- opacity: 1;
528
- }
529
- }
530
- @keyframes antMoveDownOut {
531
- 0% {
532
- transform: translateY(0%);
533
- transform-origin: 0 0;
534
- opacity: 1;
535
- }
536
- 100% {
537
- transform: translateY(100%);
538
- transform-origin: 0 0;
539
- opacity: 0;
540
- }
541
- }
542
- @keyframes antMoveLeftIn {
543
- 0% {
544
- transform: translateX(-100%);
545
- transform-origin: 0 0;
546
- opacity: 0;
547
- }
548
- 100% {
549
- transform: translateX(0%);
550
- transform-origin: 0 0;
551
- opacity: 1;
552
- }
553
- }
554
- @keyframes antMoveLeftOut {
555
- 0% {
556
- transform: translateX(0%);
557
- transform-origin: 0 0;
558
- opacity: 1;
559
- }
560
- 100% {
561
- transform: translateX(-100%);
562
- transform-origin: 0 0;
563
- opacity: 0;
564
- }
565
- }
566
- @keyframes antMoveRightIn {
567
- 0% {
568
- transform: translateX(100%);
569
- transform-origin: 0 0;
570
- opacity: 0;
571
- }
572
- 100% {
573
- transform: translateX(0%);
574
- transform-origin: 0 0;
575
- opacity: 1;
576
- }
577
- }
578
- @keyframes antMoveRightOut {
579
- 0% {
580
- transform: translateX(0%);
581
- transform-origin: 0 0;
582
- opacity: 1;
583
- }
584
- 100% {
585
- transform: translateX(100%);
586
- transform-origin: 0 0;
587
- opacity: 0;
588
- }
589
- }
590
- @keyframes antMoveUpIn {
591
- 0% {
592
- transform: translateY(-100%);
593
- transform-origin: 0 0;
594
- opacity: 0;
595
- }
596
- 100% {
597
- transform: translateY(0%);
598
- transform-origin: 0 0;
599
- opacity: 1;
600
- }
601
- }
602
- @keyframes antMoveUpOut {
603
- 0% {
604
- transform: translateY(0%);
605
- transform-origin: 0 0;
606
- opacity: 1;
607
- }
608
- 100% {
609
- transform: translateY(-100%);
610
- transform-origin: 0 0;
611
- opacity: 0;
612
- }
613
- }
614
- @keyframes loadingCircle {
615
- 100% {
616
- transform: rotate(360deg);
617
- }
618
- }
619
- [ant-click-animating='true'],
620
- [ant-click-animating-without-extra-node='true'] {
621
- position: relative;
622
- }
623
- html {
624
- --antd-wave-shadow-color: #1890ff;
625
- --scroll-bar: 0;
626
- }
627
- [ant-click-animating-without-extra-node='true']::after,
628
- .ant-click-animating-node {
629
- position: absolute;
630
- top: 0;
631
- right: 0;
632
- bottom: 0;
633
- left: 0;
634
- display: block;
635
- border-radius: inherit;
636
- box-shadow: 0 0 0 0 #1890ff;
637
- box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
638
- opacity: 0.2;
639
- animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
640
- animation-fill-mode: forwards;
641
- content: '';
642
- pointer-events: none;
643
- }
644
- @keyframes waveEffect {
645
- 100% {
646
- box-shadow: 0 0 0 #1890ff;
647
- box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
648
- }
649
- }
650
- @keyframes fadeEffect {
651
- 100% {
652
- opacity: 0;
653
- }
654
- }
655
- .ant-slide-up-enter,
656
- .ant-slide-up-appear {
657
- animation-duration: 0.2s;
658
- animation-fill-mode: both;
659
- animation-play-state: paused;
660
- }
661
- .ant-slide-up-leave {
662
- animation-duration: 0.2s;
663
- animation-fill-mode: both;
664
- animation-play-state: paused;
665
- }
666
- .ant-slide-up-enter.ant-slide-up-enter-active,
667
- .ant-slide-up-appear.ant-slide-up-appear-active {
668
- animation-name: antSlideUpIn;
669
- animation-play-state: running;
670
- }
671
- .ant-slide-up-leave.ant-slide-up-leave-active {
672
- animation-name: antSlideUpOut;
673
- animation-play-state: running;
674
- pointer-events: none;
675
- }
676
- .ant-slide-up-enter,
677
- .ant-slide-up-appear {
678
- transform: scale(0);
679
- transform-origin: 0% 0%;
680
- opacity: 0;
681
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
682
- }
683
- .ant-slide-up-leave {
684
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
685
- }
686
- .ant-slide-down-enter,
687
- .ant-slide-down-appear {
688
- animation-duration: 0.2s;
689
- animation-fill-mode: both;
690
- animation-play-state: paused;
691
- }
692
- .ant-slide-down-leave {
693
- animation-duration: 0.2s;
694
- animation-fill-mode: both;
695
- animation-play-state: paused;
696
- }
697
- .ant-slide-down-enter.ant-slide-down-enter-active,
698
- .ant-slide-down-appear.ant-slide-down-appear-active {
699
- animation-name: antSlideDownIn;
700
- animation-play-state: running;
701
- }
702
- .ant-slide-down-leave.ant-slide-down-leave-active {
703
- animation-name: antSlideDownOut;
704
- animation-play-state: running;
705
- pointer-events: none;
706
- }
707
- .ant-slide-down-enter,
708
- .ant-slide-down-appear {
709
- transform: scale(0);
710
- transform-origin: 0% 0%;
711
- opacity: 0;
712
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
713
- }
714
- .ant-slide-down-leave {
715
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
716
- }
717
- .ant-slide-left-enter,
718
- .ant-slide-left-appear {
719
- animation-duration: 0.2s;
720
- animation-fill-mode: both;
721
- animation-play-state: paused;
722
- }
723
- .ant-slide-left-leave {
724
- animation-duration: 0.2s;
725
- animation-fill-mode: both;
726
- animation-play-state: paused;
727
- }
728
- .ant-slide-left-enter.ant-slide-left-enter-active,
729
- .ant-slide-left-appear.ant-slide-left-appear-active {
730
- animation-name: antSlideLeftIn;
731
- animation-play-state: running;
732
- }
733
- .ant-slide-left-leave.ant-slide-left-leave-active {
734
- animation-name: antSlideLeftOut;
735
- animation-play-state: running;
736
- pointer-events: none;
737
- }
738
- .ant-slide-left-enter,
739
- .ant-slide-left-appear {
740
- transform: scale(0);
741
- transform-origin: 0% 0%;
742
- opacity: 0;
743
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
744
- }
745
- .ant-slide-left-leave {
746
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
747
- }
748
- .ant-slide-right-enter,
749
- .ant-slide-right-appear {
750
- animation-duration: 0.2s;
751
- animation-fill-mode: both;
752
- animation-play-state: paused;
753
- }
754
- .ant-slide-right-leave {
755
- animation-duration: 0.2s;
756
- animation-fill-mode: both;
757
- animation-play-state: paused;
758
- }
759
- .ant-slide-right-enter.ant-slide-right-enter-active,
760
- .ant-slide-right-appear.ant-slide-right-appear-active {
761
- animation-name: antSlideRightIn;
762
- animation-play-state: running;
763
- }
764
- .ant-slide-right-leave.ant-slide-right-leave-active {
765
- animation-name: antSlideRightOut;
766
- animation-play-state: running;
767
- pointer-events: none;
768
- }
769
- .ant-slide-right-enter,
770
- .ant-slide-right-appear {
771
- transform: scale(0);
772
- transform-origin: 0% 0%;
773
- opacity: 0;
774
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
775
- }
776
- .ant-slide-right-leave {
777
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
778
- }
779
- @keyframes antSlideUpIn {
780
- 0% {
781
- transform: scaleY(0.8);
782
- transform-origin: 0% 0%;
783
- opacity: 0;
784
- }
785
- 100% {
786
- transform: scaleY(1);
787
- transform-origin: 0% 0%;
788
- opacity: 1;
789
- }
790
- }
791
- @keyframes antSlideUpOut {
792
- 0% {
793
- transform: scaleY(1);
794
- transform-origin: 0% 0%;
795
- opacity: 1;
796
- }
797
- 100% {
798
- transform: scaleY(0.8);
799
- transform-origin: 0% 0%;
800
- opacity: 0;
801
- }
802
- }
803
- @keyframes antSlideDownIn {
804
- 0% {
805
- transform: scaleY(0.8);
806
- transform-origin: 100% 100%;
807
- opacity: 0;
808
- }
809
- 100% {
810
- transform: scaleY(1);
811
- transform-origin: 100% 100%;
812
- opacity: 1;
813
- }
814
- }
815
- @keyframes antSlideDownOut {
816
- 0% {
817
- transform: scaleY(1);
818
- transform-origin: 100% 100%;
819
- opacity: 1;
820
- }
821
- 100% {
822
- transform: scaleY(0.8);
823
- transform-origin: 100% 100%;
824
- opacity: 0;
825
- }
826
- }
827
- @keyframes antSlideLeftIn {
828
- 0% {
829
- transform: scaleX(0.8);
830
- transform-origin: 0% 0%;
831
- opacity: 0;
832
- }
833
- 100% {
834
- transform: scaleX(1);
835
- transform-origin: 0% 0%;
836
- opacity: 1;
837
- }
838
- }
839
- @keyframes antSlideLeftOut {
840
- 0% {
841
- transform: scaleX(1);
842
- transform-origin: 0% 0%;
843
- opacity: 1;
844
- }
845
- 100% {
846
- transform: scaleX(0.8);
847
- transform-origin: 0% 0%;
848
- opacity: 0;
849
- }
850
- }
851
- @keyframes antSlideRightIn {
852
- 0% {
853
- transform: scaleX(0.8);
854
- transform-origin: 100% 0%;
855
- opacity: 0;
856
- }
857
- 100% {
858
- transform: scaleX(1);
859
- transform-origin: 100% 0%;
860
- opacity: 1;
861
- }
862
- }
863
- @keyframes antSlideRightOut {
864
- 0% {
865
- transform: scaleX(1);
866
- transform-origin: 100% 0%;
867
- opacity: 1;
868
- }
869
- 100% {
870
- transform: scaleX(0.8);
871
- transform-origin: 100% 0%;
872
- opacity: 0;
873
- }
874
- }
875
- .ant-zoom-enter,
876
- .ant-zoom-appear {
877
- animation-duration: 0.2s;
878
- animation-fill-mode: both;
879
- animation-play-state: paused;
880
- }
881
- .ant-zoom-leave {
882
- animation-duration: 0.2s;
883
- animation-fill-mode: both;
884
- animation-play-state: paused;
885
- }
886
- .ant-zoom-enter.ant-zoom-enter-active,
887
- .ant-zoom-appear.ant-zoom-appear-active {
888
- animation-name: antZoomIn;
889
- animation-play-state: running;
890
- }
891
- .ant-zoom-leave.ant-zoom-leave-active {
892
- animation-name: antZoomOut;
893
- animation-play-state: running;
894
- pointer-events: none;
895
- }
896
- .ant-zoom-enter,
897
- .ant-zoom-appear {
898
- transform: scale(0);
899
- opacity: 0;
900
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
901
- }
902
- .ant-zoom-enter-prepare,
903
- .ant-zoom-appear-prepare {
904
- transform: none;
905
- }
906
- .ant-zoom-leave {
907
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
908
- }
909
- .ant-zoom-big-enter,
910
- .ant-zoom-big-appear {
911
- animation-duration: 0.2s;
912
- animation-fill-mode: both;
913
- animation-play-state: paused;
914
- }
915
- .ant-zoom-big-leave {
916
- animation-duration: 0.2s;
917
- animation-fill-mode: both;
918
- animation-play-state: paused;
919
- }
920
- .ant-zoom-big-enter.ant-zoom-big-enter-active,
921
- .ant-zoom-big-appear.ant-zoom-big-appear-active {
922
- animation-name: antZoomBigIn;
923
- animation-play-state: running;
924
- }
925
- .ant-zoom-big-leave.ant-zoom-big-leave-active {
926
- animation-name: antZoomBigOut;
927
- animation-play-state: running;
928
- pointer-events: none;
929
- }
930
- .ant-zoom-big-enter,
931
- .ant-zoom-big-appear {
932
- transform: scale(0);
933
- opacity: 0;
934
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
935
- }
936
- .ant-zoom-big-enter-prepare,
937
- .ant-zoom-big-appear-prepare {
938
- transform: none;
939
- }
940
- .ant-zoom-big-leave {
941
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
942
- }
943
- .ant-zoom-big-fast-enter,
944
- .ant-zoom-big-fast-appear {
945
- animation-duration: 0.1s;
946
- animation-fill-mode: both;
947
- animation-play-state: paused;
948
- }
949
- .ant-zoom-big-fast-leave {
950
- animation-duration: 0.1s;
951
- animation-fill-mode: both;
952
- animation-play-state: paused;
953
- }
954
- .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
955
- .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
956
- animation-name: antZoomBigIn;
957
- animation-play-state: running;
958
- }
959
- .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
960
- animation-name: antZoomBigOut;
961
- animation-play-state: running;
962
- pointer-events: none;
963
- }
964
- .ant-zoom-big-fast-enter,
965
- .ant-zoom-big-fast-appear {
966
- transform: scale(0);
967
- opacity: 0;
968
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
969
- }
970
- .ant-zoom-big-fast-enter-prepare,
971
- .ant-zoom-big-fast-appear-prepare {
972
- transform: none;
973
- }
974
- .ant-zoom-big-fast-leave {
975
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
976
- }
977
- .ant-zoom-up-enter,
978
- .ant-zoom-up-appear {
979
- animation-duration: 0.2s;
980
- animation-fill-mode: both;
981
- animation-play-state: paused;
982
- }
983
- .ant-zoom-up-leave {
984
- animation-duration: 0.2s;
985
- animation-fill-mode: both;
986
- animation-play-state: paused;
987
- }
988
- .ant-zoom-up-enter.ant-zoom-up-enter-active,
989
- .ant-zoom-up-appear.ant-zoom-up-appear-active {
990
- animation-name: antZoomUpIn;
991
- animation-play-state: running;
992
- }
993
- .ant-zoom-up-leave.ant-zoom-up-leave-active {
994
- animation-name: antZoomUpOut;
995
- animation-play-state: running;
996
- pointer-events: none;
997
- }
998
- .ant-zoom-up-enter,
999
- .ant-zoom-up-appear {
1000
- transform: scale(0);
1001
- opacity: 0;
1002
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1003
- }
1004
- .ant-zoom-up-enter-prepare,
1005
- .ant-zoom-up-appear-prepare {
1006
- transform: none;
1007
- }
1008
- .ant-zoom-up-leave {
1009
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1010
- }
1011
- .ant-zoom-down-enter,
1012
- .ant-zoom-down-appear {
1013
- animation-duration: 0.2s;
1014
- animation-fill-mode: both;
1015
- animation-play-state: paused;
1016
- }
1017
- .ant-zoom-down-leave {
1018
- animation-duration: 0.2s;
1019
- animation-fill-mode: both;
1020
- animation-play-state: paused;
1021
- }
1022
- .ant-zoom-down-enter.ant-zoom-down-enter-active,
1023
- .ant-zoom-down-appear.ant-zoom-down-appear-active {
1024
- animation-name: antZoomDownIn;
1025
- animation-play-state: running;
1026
- }
1027
- .ant-zoom-down-leave.ant-zoom-down-leave-active {
1028
- animation-name: antZoomDownOut;
1029
- animation-play-state: running;
1030
- pointer-events: none;
1031
- }
1032
- .ant-zoom-down-enter,
1033
- .ant-zoom-down-appear {
1034
- transform: scale(0);
1035
- opacity: 0;
1036
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1037
- }
1038
- .ant-zoom-down-enter-prepare,
1039
- .ant-zoom-down-appear-prepare {
1040
- transform: none;
1041
- }
1042
- .ant-zoom-down-leave {
1043
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1044
- }
1045
- .ant-zoom-left-enter,
1046
- .ant-zoom-left-appear {
1047
- animation-duration: 0.2s;
1048
- animation-fill-mode: both;
1049
- animation-play-state: paused;
1050
- }
1051
- .ant-zoom-left-leave {
1052
- animation-duration: 0.2s;
1053
- animation-fill-mode: both;
1054
- animation-play-state: paused;
1055
- }
1056
- .ant-zoom-left-enter.ant-zoom-left-enter-active,
1057
- .ant-zoom-left-appear.ant-zoom-left-appear-active {
1058
- animation-name: antZoomLeftIn;
1059
- animation-play-state: running;
1060
- }
1061
- .ant-zoom-left-leave.ant-zoom-left-leave-active {
1062
- animation-name: antZoomLeftOut;
1063
- animation-play-state: running;
1064
- pointer-events: none;
1065
- }
1066
- .ant-zoom-left-enter,
1067
- .ant-zoom-left-appear {
1068
- transform: scale(0);
1069
- opacity: 0;
1070
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1071
- }
1072
- .ant-zoom-left-enter-prepare,
1073
- .ant-zoom-left-appear-prepare {
1074
- transform: none;
1075
- }
1076
- .ant-zoom-left-leave {
1077
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1078
- }
1079
- .ant-zoom-right-enter,
1080
- .ant-zoom-right-appear {
1081
- animation-duration: 0.2s;
1082
- animation-fill-mode: both;
1083
- animation-play-state: paused;
1084
- }
1085
- .ant-zoom-right-leave {
1086
- animation-duration: 0.2s;
1087
- animation-fill-mode: both;
1088
- animation-play-state: paused;
1089
- }
1090
- .ant-zoom-right-enter.ant-zoom-right-enter-active,
1091
- .ant-zoom-right-appear.ant-zoom-right-appear-active {
1092
- animation-name: antZoomRightIn;
1093
- animation-play-state: running;
1094
- }
1095
- .ant-zoom-right-leave.ant-zoom-right-leave-active {
1096
- animation-name: antZoomRightOut;
1097
- animation-play-state: running;
1098
- pointer-events: none;
1099
- }
1100
- .ant-zoom-right-enter,
1101
- .ant-zoom-right-appear {
1102
- transform: scale(0);
1103
- opacity: 0;
1104
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1105
- }
1106
- .ant-zoom-right-enter-prepare,
1107
- .ant-zoom-right-appear-prepare {
1108
- transform: none;
1109
- }
1110
- .ant-zoom-right-leave {
1111
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1112
- }
1113
- @keyframes antZoomIn {
1114
- 0% {
1115
- transform: scale(0.2);
1116
- opacity: 0;
1117
- }
1118
- 100% {
1119
- transform: scale(1);
1120
- opacity: 1;
1121
- }
1122
- }
1123
- @keyframes antZoomOut {
1124
- 0% {
1125
- transform: scale(1);
1126
- }
1127
- 100% {
1128
- transform: scale(0.2);
1129
- opacity: 0;
1130
- }
1131
- }
1132
- @keyframes antZoomBigIn {
1133
- 0% {
1134
- transform: scale(0.8);
1135
- opacity: 0;
1136
- }
1137
- 100% {
1138
- transform: scale(1);
1139
- opacity: 1;
1140
- }
1141
- }
1142
- @keyframes antZoomBigOut {
1143
- 0% {
1144
- transform: scale(1);
1145
- }
1146
- 100% {
1147
- transform: scale(0.8);
1148
- opacity: 0;
1149
- }
1150
- }
1151
- @keyframes antZoomUpIn {
1152
- 0% {
1153
- transform: scale(0.8);
1154
- transform-origin: 50% 0%;
1155
- opacity: 0;
1156
- }
1157
- 100% {
1158
- transform: scale(1);
1159
- transform-origin: 50% 0%;
1160
- }
1161
- }
1162
- @keyframes antZoomUpOut {
1163
- 0% {
1164
- transform: scale(1);
1165
- transform-origin: 50% 0%;
1166
- }
1167
- 100% {
1168
- transform: scale(0.8);
1169
- transform-origin: 50% 0%;
1170
- opacity: 0;
1171
- }
1172
- }
1173
- @keyframes antZoomLeftIn {
1174
- 0% {
1175
- transform: scale(0.8);
1176
- transform-origin: 0% 50%;
1177
- opacity: 0;
1178
- }
1179
- 100% {
1180
- transform: scale(1);
1181
- transform-origin: 0% 50%;
1182
- }
1183
- }
1184
- @keyframes antZoomLeftOut {
1185
- 0% {
1186
- transform: scale(1);
1187
- transform-origin: 0% 50%;
1188
- }
1189
- 100% {
1190
- transform: scale(0.8);
1191
- transform-origin: 0% 50%;
1192
- opacity: 0;
1193
- }
1194
- }
1195
- @keyframes antZoomRightIn {
1196
- 0% {
1197
- transform: scale(0.8);
1198
- transform-origin: 100% 50%;
1199
- opacity: 0;
1200
- }
1201
- 100% {
1202
- transform: scale(1);
1203
- transform-origin: 100% 50%;
1204
- }
1205
- }
1206
- @keyframes antZoomRightOut {
1207
- 0% {
1208
- transform: scale(1);
1209
- transform-origin: 100% 50%;
1210
- }
1211
- 100% {
1212
- transform: scale(0.8);
1213
- transform-origin: 100% 50%;
1214
- opacity: 0;
1215
- }
1216
- }
1217
- @keyframes antZoomDownIn {
1218
- 0% {
1219
- transform: scale(0.8);
1220
- transform-origin: 50% 100%;
1221
- opacity: 0;
1222
- }
1223
- 100% {
1224
- transform: scale(1);
1225
- transform-origin: 50% 100%;
1226
- }
1227
- }
1228
- @keyframes antZoomDownOut {
1229
- 0% {
1230
- transform: scale(1);
1231
- transform-origin: 50% 100%;
1232
- }
1233
- 100% {
1234
- transform: scale(0.8);
1235
- transform-origin: 50% 100%;
1236
- opacity: 0;
1237
- }
1238
- }
1239
- .ant-motion-collapse-legacy {
1240
- overflow: hidden;
1241
- }
1242
- .ant-motion-collapse-legacy-active {
1243
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1244
- }
1245
- .ant-motion-collapse {
1246
- overflow: hidden;
1247
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1248
- }
1249
- ::-webkit-scrollbar {
1250
- width: 8px;
1251
- height: 8px;
1252
- background-color: #f5f5f5;
1253
- }
1254
- ::-webkit-scrollbar-track {
1255
- border-radius: 10px;
1256
- background-color: #f5f5f5;
1257
- }
1258
- ::-webkit-scrollbar-thumb {
1259
- border-radius: 10px;
1260
- background-color: #555;
1261
- }
1262
- @keyframes header-slideInDown {
1263
- 0% {
1264
- opacity: 0;
1265
- margin-bottom: 0;
1266
- transform: translateY(-10px);
1267
- }
1268
- to {
1269
- opacity: 1;
1270
- margin-bottom: 10px;
1271
- transform: translateY(0);
1272
- }
1273
- }
1274
- .omni-header-nav {
1275
- font-size: 16px;
1276
- height: 50px;
1277
- background-color: #262626;
1278
- box-sizing: border-box;
1279
- width: 100%;
1280
- display: flex;
1281
- justify-content: space-between;
1282
- }
1283
- .omni-header-nav .defaultLogo {
1284
- padding-left: 10px;
1285
- line-height: 50px;
1286
- height: 50px;
1287
- color: #bbb;
1288
- }
1289
- .omni-header-nav .left {
1290
- height: 100%;
1291
- justify-content: center;
1292
- display: flex;
1293
- }
1294
- .omni-header-nav .right {
1295
- height: 100%;
1296
- margin-right: 30px;
1297
- }
1298
- .omni-header-nav .right-slot {
1299
- display: inline-block;
1300
- }
1301
- .omni-header-nav .header-dropdown-avatar {
1302
- margin-right: 5px;
1303
- }
1304
- .omni-header-nav .header-dropdown-title {
1305
- cursor: pointer;
1306
- color: #fff;
1307
- }
1308
- .omni-header-nav .header-dropdown-title:hover {
1309
- color: #006eff;
1310
- }
1311
- .omni-header-nav .item-wrapper {
1312
- height: 100%;
1313
- line-height: 50px;
1314
- display: inline-block;
1315
- padding: 0 5px;
1316
- }
1317
- .omni-header-nav .item-link {
1318
- color: #bbb;
1319
- transition-duration: 0.2s;
1320
- font-size: 12px;
1321
- padding-right: 10px;
1322
- }
1323
- .omni-header-nav .item-link:hover {
1324
- color: #006eff;
1325
- }
1326
- .omni-header-nav .item-link.active {
1327
- color: #006eff;
1328
- }
1329
- .omni-header-nav .header-log {
1330
- text-align: center;
1331
- min-width: 63px;
1332
- color: #bbb;
1333
- }
1334
- .omni-header-nav .header-log img {
1335
- height: 32px;
1336
- vertical-align: middle;
1337
- }
1338
- .omni-header-nav .omni-topnav-all {
1339
- cursor: pointer;
1340
- line-height: 50px;
1341
- height: 100%;
1342
- display: inline-block;
1343
- vertical-align: top;
1344
- }
1345
- .omni-header-nav .omni-topnav-all.omni-topnav-all-hover .omni-topnav-all-menu-inner {
1346
- animation-duration: 0.5s;
1347
- animation-fill-mode: both;
1348
- animation-name: header-slideInDown;
1349
- }
1350
- .omni-header-nav .omni-topnav-all.omni-topnav-all-hover .omni-topnav-all-menu {
1351
- display: block;
1352
- min-height: 590px;
1353
- padding: 20px 60px 10px 60px;
1354
- overflow-y: auto;
1355
- border-right: 4px solid #191919;
1356
- }
1357
- .omni-header-nav .omni-topnav-all.omni-topnav-all-hover .omni-topnav-all-tool {
1358
- transition: 0.2s color ease;
1359
- color: #006eff;
1360
- }
1361
- .omni-header-nav .omni-topnav-all .omni-topnav-all-menu {
1362
- display: none;
1363
- background-color: #191919;
1364
- position: absolute;
1365
- left: 63px;
1366
- top: 49px;
1367
- bottom: 0px;
1368
- width: auto;
1369
- overflow: hidden;
1370
- cursor: default;
1371
- z-index: 10;
1372
- }
1373
- .omni-header-nav .omni-topnav-all .omni-topnav-all-menu .omni-topnav-all-menu-inner {
1374
- color: #bbb;
1375
- height: 590px;
1376
- position: relative;
1377
- width: 1000px;
1378
- font-size: 0;
1379
- }
1380
- .omni-header-nav .omni-topnav-all .omni-topnav-all-tool {
1381
- font-size: 14px;
1382
- color: #bbb;
1383
- margin: 0 20px;
1384
- }
1385
- .omni-header-nav .omni-topnav-all .omni-topnav-all-close {
1386
- position: absolute;
1387
- right: -20px;
1388
- display: block;
1389
- font-size: 16px;
1390
- }
1391
- .omni-header-nav .omni-topnav-all .omni-topnav-all-body {
1392
- display: flex;
1393
- }
1394
- .omni-header-nav .omni-topnav-item-wrapper {
1395
- margin-left: 10px;
1396
- display: inline-block;
1397
- height: 100%;
1398
- }
1399
- .omni-header-nav .omni-topnav-item-wrapper .omni-topnav-item {
1400
- display: inline-block;
1401
- margin-right: 5px;
1402
- white-space: nowrap;
1403
- text-overflow: ellipsis;
1404
- }
1405
- .omni-header-nav .omni-menu-list-all {
1406
- color: #fff;
1407
- font-size: 14px;
1408
- display: flex;
1409
- flex-wrap: wrap;
1410
- }
1411
- .omni-header-nav .omni-menu-list-all .omni-menu-list {
1412
- width: 300px;
1413
- height: auto;
1414
- }
1415
- .omni-header-nav .omni-menu-list-all .omni-menu-list div {
1416
- height: 10px;
1417
- }
1418
- .omni-header-nav .omni-masonry {
1419
- width: 800px;
1420
- min-height: 600px;
1421
- margin: 20px 10px 50px 0px;
1422
- -webkit-column-count: 3;
1423
- -webkit-column-gap: 10px;
1424
- -moz-column-count: 3;
1425
- -moz-column-gap: 10px;
1426
- column-count: 3;
1427
- -moz-column-gap: 15px;
1428
- column-gap: 15px;
1429
- -moz-column-fill: balance;
1430
- column-fill: balance;
1431
- row-gap: 200px;
1432
- font-size: 14px;
1433
- }
1434
- .omni-header-nav .omni-masonry .omni-masonry-block {
1435
- background-color: #333;
1436
- display: block;
1437
- padding: 20px;
1438
- word-wrap: break-word;
1439
- margin-bottom: 20px;
1440
- -webkit-column-break-inside: avoid;
1441
- -moz-column-break-inside: avoid;
1442
- column-break-inside: avoid;
1443
- break-inside: avoid;
1444
- }
1445
- .omni-header-nav .omni-masonry .omni-masonry-block h3 {
1446
- font-size: 16px;
1447
- color: #bbb;
1448
- cursor: default;
1449
- line-height: 20px;
1450
- height: 20px;
1451
- }
1452
- .omni-header-nav .omni-masonry .omni-masonry-block ul {
1453
- padding: 0;
1454
- }
1455
- .omni-header-nav .omni-masonry .omni-masonry-block ul li {
1456
- white-space: nowrap;
1457
- overflow: hidden;
1458
- text-overflow: ellipsis;
1459
- list-style: none;
1460
- font-size: 14px;
1461
- line-height: 20px;
1462
- margin-bottom: 12px;
1463
- color: #bbb;
1464
- }
1465
- .omni-header-nav .omni-masonry .omni-masonry-block ul li:hover {
1466
- color: #006eff;
1467
- }
1468
- .omni-header-nav .history-used {
1469
- margin: 20px 0px 50px 0px;
1470
- width: 200px;
1471
- padding-left: 10px;
1472
- background: #333;
1473
- font-size: 16px;
1474
- }
1475
- .omni-header-nav .history-used h2 {
1476
- color: #bbb;
1477
- }
1478
- .omni-header-nav .history-used ul {
1479
- padding: 0px;
1480
- }
1481
- .omni-header-nav .history-used ul li {
1482
- white-space: nowrap;
1483
- overflow: hidden;
1484
- text-overflow: ellipsis;
1485
- list-style: none;
1486
- font-size: 14px;
1487
- line-height: 20px;
1488
- margin-bottom: 12px;
1489
- color: #bbb;
1490
- }
1491
- .omni-header-nav .history-used ul li:hover {
1492
- color: #006eff;
1493
- }
1494
- .omni-headerSearch {
1495
- font-size: 16px;
1496
- }
1497
- .omni-headerSearch .ant-select-selection__rendered,
1498
- .omni-headerSearch .ant-select-selection {
1499
- background: #333;
1500
- color: #fff;
1501
- }
1502
- .omni-headerSearch .ant-input {
1503
- color: #fff;
1504
- }
1505
- .omni-headerSearch :global(.anticon-search) {
1506
- font-size: 16px;
1507
- cursor: pointer;
1508
- }
1509
- .omni-headerSearch .input {
1510
- color: #fff;
1511
- width: 754px;
1512
- background: transparent;
1513
- border-radius: 0;
1514
- transition: width 0.3s, margin-left 0.3s;
1515
- margin-left: 8px;
1516
- }
1517
- .omni-headerSearch .input.ant-select .ant-select-selection {
1518
- border: 1px solid #fff;
1519
- padding-left: 10px;
1520
- background: transparent;
1521
- }
1522
- .omni-headerSearch .input :global(.ant-select-selection) {
1523
- background: transparent;
1524
- }
1525
- .omni-headerSearch .input input {
1526
- padding-right: 0;
1527
- padding-left: 0;
1528
- border: 0;
1529
- box-shadow: none !important;
1530
- }
1531
- .omni-headerSearch .input.show {
1532
- width: 754px;
1533
- margin-left: 8px;
1534
- }
1535
- .ant-menu-submenu-popup.ant-menu-dark .ant-menu-sub {
1536
- background: #333;
1537
- }
1538
- .omni-layout-header-dropdown > * {
1539
- background-color: #fff;
1540
- border-radius: 4px;
1541
- box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
1542
- }
1543
- .omni-layout-header-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
1544
- min-width: 160px;
1545
- }
1546
- @media screen and (max-width: 480px) {
1547
- .omni-layout-header-dropdown {
1548
- width: 100% !important;
1549
- }
1550
- .omni-layout-header-dropdown > * {
1551
- border-radius: 0 !important;
1552
- }
1553
- }
1554
- @keyframes header-fadeInRightBig {
1555
- from {
1556
- transform: translate3d(300px, 0, 0);
1557
- }
1558
- to {
1559
- transform: none;
1560
- }
1561
- }
1562
- .omni-tmp-link-list {
1563
- padding-bottom: 10px;
1564
- display: flex;
1565
- align-items: center;
1566
- overflow-y: hidden;
1567
- overflow-x: auto;
1568
- }
1569
- .omni-tmp-link-list .omni-tmp-link-list-item {
1570
- display: inline-block;
1571
- }
1572
- .omni-tmp-link-list .omni-tmp-link-list-active {
1573
- color: red;
1574
- transition: all 0.5s ease-in 0.2s;
1575
- }
1576
- .omni-tmp-link-list .omni-tmp-link-list-active a {
1577
- color: red;
1578
- transition: all 0.5s ease-in 0.2s;
1579
- }
1580
- .omni-layout-app {
1581
- position: absolute;
1582
- overflow: hidden;
1583
- left: 0;
1584
- top: 50px;
1585
- right: 0;
1586
- bottom: 0;
1587
- }
1588
- .omni-layout-app .aside {
1589
- position: relative;
1590
- width: 206px;
1591
- height: 100%;
1592
- background-color: #f0f6f6;
1593
- border-right: 1px solid #cedfea;
1594
- display: inline-block;
1595
- vertical-align: top;
1596
- transform: none !important;
1597
- transition: width 0.3s ease;
1598
- }
1599
- .omni-layout-app .aside .aside-area {
1600
- position: relative;
1601
- width: 100%;
1602
- background-color: #333;
1603
- display: inline-block;
1604
- height: 100%;
1605
- vertical-align: top;
1606
- }
1607
- .omni-layout-app .aside .aside-area .aside-area-main {
1608
- position: relative;
1609
- height: 100%;
1610
- }
1611
- .omni-layout-app .aside .aside-area .aside-area-main .omni-pro-sider-menu-sider {
1612
- position: relative;
1613
- height: 100%;
1614
- background: #333;
1615
- }
1616
- .omni-layout-app .aside .aside-area .aside-area-main .omni-pro-sider-menu-sider .ant-menu-inline .ant-menu-submenu-title {
1617
- font-size: 13px;
1618
- }
1619
- .omni-layout-app .aside .aside-area .aside-area-main .omni-pro-sider-menu {
1620
- font-size: 12px;
1621
- overflow: auto;
1622
- position: absolute;
1623
- width: 100%;
1624
- top: 50px;
1625
- bottom: 0;
1626
- background: #333;
1627
- margin-bottom: 58px;
1628
- }
1629
- .omni-layout-app .aside .aside-area .aside-area-main .omni-pro-sider-menu::-webkit-scrollbar-track {
1630
- background: #333;
1631
- }
1632
- .omni-layout-app .aside .aside-area .aside-area-main .omni-pro-sider-menu::-webkit-scrollbar {
1633
- background: #333;
1634
- }
1635
- .omni-layout-app .aside .aside-area .aside-area-main .omni-sider-menu-search {
1636
- padding: 0 10px;
1637
- }
1638
- .omni-layout-app .aside .aside-area .aside-area-main .ant-menu-dark {
1639
- background: #333;
1640
- }
1641
- .omni-layout-app .aside .aside-area .aside-area-main .ant-menu-dark .ant-menu-sub {
1642
- background: #333;
1643
- }
1644
- .omni-layout-app .aside .aside-area .aside-area-main .ant-menu-dark .ant-menu-inline.ant-menu-sub {
1645
- background: #333;
1646
- }
1647
- .omni-layout-app .aside .aside-area .aside-area-main::after {
1648
- content: '';
1649
- display: block;
1650
- width: 100%;
1651
- height: 58px;
1652
- background-color: #333;
1653
- position: absolute;
1654
- bottom: 0;
1655
- border-top: 1px solid #262626;
1656
- }
1657
- .omni-layout-app .aside .menu-fold {
1658
- width: 63px;
1659
- height: 56px;
1660
- bottom: 0;
1661
- left: 0;
1662
- top: auto;
1663
- border: 0;
1664
- z-index: 1000;
1665
- background-color: transparent;
1666
- right: 0;
1667
- cursor: pointer;
1668
- position: absolute;
1669
- font-size: 18px;
1670
- color: #f0f6f6;
1671
- display: flex;
1672
- align-items: center;
1673
- justify-content: center;
1674
- }
1675
- .omni-layout-app .main {
1676
- position: absolute;
1677
- top: 0;
1678
- right: 0;
1679
- bottom: 0;
1680
- left: 206px;
1681
- background-color: #f2f2f2 !important;
1682
- overflow-y: auto;
1683
- overflow-x: hidden;
1684
- transform: none !important;
1685
- transition: left 0.2s ease;
1686
- }
1687
- .omni-layout-app.aside-hover .main {
1688
- left: 63px;
1689
- }
1690
- .omni-layout-app.aside-hover .aside {
1691
- width: 63px;
1692
- z-index: 1000;
1693
- overflow: hidden;
1694
- }
1695
- .omni-layout-app.aside-hover .aside .ant-menu.ant-menu-inline-collapsed {
1696
- width: 63px;
1697
- overflow-x: hidden;
1698
- }
1699
- .omni-layout-app.aside-hover .aside .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
1700
- .omni-layout-app.aside-hover .aside .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
1701
- .omni-layout-app.aside-hover .aside .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
1702
- .omni-layout-app.aside-hover .aside .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
1703
- padding: 0 24px !important;
1704
- }
1705
- .omni-layout-app.aside-hover .aside .omni-pro-sider-menu-logo {
1706
- padding-left: 56px;
1707
- }
1708
- .omni-layout-app.aside-hover .menu-fold {
1709
- background-color: #333;
1710
- border-radius: 50%;
1711
- }
1712
- .omni-layout-app .omni-notice-box {
1713
- position: absolute;
1714
- display: none;
1715
- right: 0;
1716
- top: 0;
1717
- animation-duration: 0.4s;
1718
- animation-fill-mode: both;
1719
- z-index: 100;
1720
- height: 100%;
1721
- box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.2);
1722
- }
1723
- .omni-layout-app .omni-notice-box.show {
1724
- animation-name: header-fadeInRightBig;
1725
- display: block;
1726
- }
1727
- .omni-layout-app .omni-notice-box .tool-inner {
1728
- width: 360px;
1729
- height: 100%;
1730
- overflow: hidden;
1731
- background-color: #fff;
1732
- }
1733
- .omni-layout-app .omni-notice-box .tool-head {
1734
- line-height: 49px;
1735
- border-bottom: 1px solid #ddd;
1736
- display: table;
1737
- width: 100%;
1738
- position: absolute;
1739
- top: 0;
1740
- left: 0;
1741
- z-index: 1;
1742
- background-color: #fff;
1743
- }
1744
- .omni-layout-app .omni-notice-box .tool-body {
1745
- padding: 20px 0 0 20px;
1746
- margin: 50px 0;
1747
- overflow: hidden;
1748
- overflow-y: auto;
1749
- box-sizing: border-box;
1750
- overflow-y: scroll;
1751
- height: 100%;
1752
- }
1753
- .omni-layout-app .omni-notice-box .tool-head-title {
1754
- padding-left: 20px;
1755
- font-size: 16px;
1756
- color: #000;
1757
- }
1758
- .omni-layout-app .omni-notice-box .tool-more {
1759
- width: 70px;
1760
- text-align: right;
1761
- color: #006eff;
1762
- font-size: 12px;
1763
- }
1764
- .omni-layout-app .omni-notice-box .tool-head-close {
1765
- text-align: right;
1766
- padding-right: 15px;
1767
- width: 35px;
1768
- cursor: pointer;
1769
- border: 0;
1770
- background: transparent;
1771
- outline: none;
1772
- line-height: 49px;
1773
- }
1774
- .omni-layout-app .omni-notice-box .tool-head-close:focus,
1775
- .omni-layout-app .omni-notice-box .tool-head-close:active {
1776
- outline: none;
1777
- }
1778
- .omni-layout-app .omni-notice-box .tool-head-close .anticon {
1779
- color: #666;
1780
- }
1781
- .omni-layout-app .omni-notice-box .tool-head-close,
1782
- .omni-layout-app .omni-notice-box .tool-head-title,
1783
- .omni-layout-app .omni-notice-box .tool-more {
1784
- display: table-cell;
1785
- }
1786
- .omni-layout-app .omni-notice-box .nav-message-list {
1787
- margin-bottom: 100px;
1788
- }
1789
- .omni-layout-app .omni-notice-box .nav-message-inner {
1790
- padding: 15px 0 7px;
1791
- margin: 0 20px;
1792
- position: relative;
1793
- border-bottom: 1px solid #ddd;
1794
- cursor: pointer;
1795
- }
1796
- .omni-layout-app .omni-notice-box .nav-message-inner:hover {
1797
- background-color: #f2f2f2;
1798
- padding: 15px 20px 7px;
1799
- margin: 0;
1800
- border-bottom: 1px solid #fff;
1801
- }
1802
- .omni-layout-app .omni-notice-box .nav-message-inner:hover::before {
1803
- content: '';
1804
- border-bottom: 1px solid #fff;
1805
- position: absolute;
1806
- left: 0;
1807
- right: 0;
1808
- top: -2px;
1809
- height: 1px;
1810
- }
1811
- .omni-layout-app .omni-notice-box .nav-message-inner:hover .message-dd-hover {
1812
- display: block;
1813
- }
1814
- .omni-layout-app .omni-notice-box .nav-message-inner a {
1815
- color: #000;
1816
- padding: 4px 0 0;
1817
- line-height: 21px;
1818
- max-height: 21px;
1819
- display: -webkit-box;
1820
- -webkit-box-orient: vertical;
1821
- -webkit-line-clamp: 1;
1822
- overflow: hidden;
1823
- font-size: 12px;
1824
- }
1825
- .omni-layout-app .omni-notice-box .nav-message-div {
1826
- line-height: 20px;
1827
- color: #888;
1828
- font-size: 12px;
1829
- }
1830
- .omni-layout-app .omni-notice-box .nav-message-div::after {
1831
- clear: both;
1832
- content: '.';
1833
- display: block;
1834
- height: 0;
1835
- overflow: hidden;
1836
- }
1837
- .omni-layout-app .omni-notice-box .message-dd-hover {
1838
- background-color: #f2f2f2;
1839
- position: absolute;
1840
- right: 20px;
1841
- top: 15px;
1842
- line-height: 21px;
1843
- width: 115px;
1844
- text-align: right;
1845
- display: none;
1846
- }
1847
- .omni-layout-app .omni-notice-box .message-dd-hover a {
1848
- color: #2684ff;
1849
- padding-top: 0;
1850
- }
1851
- .omni-layout-app .omni-notice-box .message-dd-hover button {
1852
- color: #2684ff;
1853
- padding-top: 0;
1854
- border: 0;
1855
- background: transparent;
1856
- cursor: pointer;
1857
- line-height: 21px;
1858
- font-size: 12px;
1859
- }
1860
- .omni-layout-app .omni-notice-box .message-dd-hover button:focus,
1861
- .omni-layout-app .omni-notice-box .message-dd-hover button:active {
1862
- outline: none;
1863
- }
1864
- .omni-layout-app .omni-notice-box .nav-message-text {
1865
- float: left;
1866
- width: 120px;
1867
- overflow: hidden;
1868
- text-overflow: ellipsis;
1869
- vertical-align: middle;
1870
- white-space: nowrap;
1871
- }
1872
- .omni-layout-app .omni-notice-box .nav-message-time {
1873
- float: right;
1874
- }
1875
- .omni-layout-app .omni-notice-box .tool-body,
1876
- .omni-layout-app .omni-notice-box .tool-message {
1877
- padding-top: 0;
1878
- padding-left: 0;
1879
- }
1880
-
1881
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
1882
- /* stylelint-disable no-duplicate-selectors */
1883
- /* stylelint-disable */
1884
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
1885
- .list {
1886
- max-height: 400px;
1887
- overflow: auto;
1888
- }
1889
- .list::-webkit-scrollbar {
1890
- display: none;
1891
- }
1892
- .list .item {
1893
- padding-right: 24px;
1894
- padding-left: 24px;
1895
- overflow: hidden;
1896
- cursor: pointer;
1897
- transition: all 0.3s;
1898
- }
1899
- .list .item .meta {
1900
- width: 100%;
1901
- }
1902
- .list .item .avatar {
1903
- margin-top: 4px;
1904
- background: #fff;
1905
- }
1906
- .list .item .iconElement {
1907
- font-size: 32px;
1908
- }
1909
- .list .item.read {
1910
- opacity: 0.4;
1911
- }
1912
- .list .item:last-child {
1913
- border-bottom: 0;
1914
- }
1915
- .list .item:hover {
1916
- background: #e6f7ff;
1917
- }
1918
- .list .item .title {
1919
- margin-bottom: 8px;
1920
- font-weight: normal;
1921
- }
1922
- .list .item .description {
1923
- font-size: 12px;
1924
- line-height: 1.5715;
1925
- }
1926
- .list .item .datetime {
1927
- margin-top: 4px;
1928
- font-size: 12px;
1929
- line-height: 1.5715;
1930
- }
1931
- .list .item .extra {
1932
- float: right;
1933
- margin-top: -1.5px;
1934
- margin-right: 0;
1935
- color: rgba(0, 0, 0, 0.45);
1936
- font-weight: normal;
1937
- }
1938
- .list .loadMore {
1939
- padding: 8px 0;
1940
- color: #1890ff;
1941
- text-align: center;
1942
- cursor: pointer;
1943
- }
1944
- .list .loadMore.loadedAll {
1945
- color: rgba(0, 0, 0, 0.25);
1946
- cursor: unset;
1947
- }
1948
- .notFound {
1949
- padding: 73px 0 88px;
1950
- color: rgba(0, 0, 0, 0.45);
1951
- text-align: center;
1952
- }
1953
- .notFound img {
1954
- display: inline-block;
1955
- height: 76px;
1956
- margin-bottom: 16px;
1957
- }
1958
- .bottomBar {
1959
- height: 46px;
1960
- color: rgba(0, 0, 0, 0.85);
1961
- line-height: 46px;
1962
- text-align: center;
1963
- border-top: 1px solid #f0f0f0;
1964
- border-radius: 0 0 2px 2px;
1965
- transition: all 0.3s;
1966
- }
1967
- .bottomBar div {
1968
- display: inline-block;
1969
- width: 50%;
1970
- cursor: pointer;
1971
- transition: all 0.3s;
1972
- -webkit-user-select: none;
1973
- -moz-user-select: none;
1974
- user-select: none;
1975
- }
1976
- .bottomBar div:hover {
1977
- color: rgba(0, 0, 0, 0.85);
1978
- }
1979
- .bottomBar div:only-child {
1980
- width: 100%;
1981
- }
1982
- .bottomBar div:not(:only-child):last-child {
1983
- border-left: 1px solid #f0f0f0;
1984
- }
1985
-
1986
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
1987
- /* stylelint-disable no-duplicate-selectors */
1988
- /* stylelint-disable */
1989
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
1990
- .omni-notice {
1991
- margin-right: 12px;
1992
- }
1993
- .omni-notice .popover {
1994
- position: relative;
1995
- width: 336px;
1996
- }
1997
- .omni-notice.active .anticon {
1998
- color: #006eff;
1999
- }
2000
- .omni-notice .noticeButton {
2001
- display: inline-block;
2002
- cursor: pointer;
2003
- transition: all 0.3s;
2004
- }
2005
- .omni-notice .icon {
2006
- padding: 4px;
2007
- vertical-align: middle;
2008
- }
2009
- .omni-notice .badge {
2010
- font-size: 16px;
2011
- color: #ffff;
2012
- }
2013
- .omni-notice .badge .ant-badge-count {
2014
- transform: translate(66%, -66%);
2015
- }
2016
- .omni-notice .tabs :global .ant-tabs-nav-scroll {
2017
- text-align: center;
2018
- }
2019
- .omni-notice .tabs :global .ant-tabs-bar {
2020
- margin-bottom: 0;
2021
- }
2022
-
2023
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2024
- /* stylelint-disable no-duplicate-selectors */
2025
- /* stylelint-disable */
2026
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
2027
- .omni-pro-sider-menu-logo {
2028
- position: relative;
2029
- height: 64px;
2030
- padding-left: 10px;
2031
- overflow: hidden;
2032
- line-height: 64px;
2033
- background: #333;
2034
- transition: all 0.2s ease;
2035
- }
2036
- .omni-pro-sider-menu-logo img {
2037
- display: inline-block;
2038
- height: 32px;
2039
- vertical-align: middle;
2040
- }
2041
- .omni-pro-sider-menu-logo h1 {
2042
- display: inline-block;
2043
- margin: 0 0 0 12px;
2044
- color: white;
2045
- font-weight: 600;
2046
- font-size: 18px;
2047
- font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
2048
- vertical-align: middle;
2049
- }
2050
- .omni-pro-sider-menu-sider {
2051
- position: relative;
2052
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
2053
- z-index: 0;
2054
- transition: all 0.2s ease;
2055
- }
2056
- .omni-pro-sider-menu-icon {
2057
- width: 14px;
2058
- vertical-align: baseline;
2059
- }
2060
- .omni-pro-sider-menu .top-nav-menu li.ant-menu-item {
2061
- height: 64px;
2062
- line-height: 64px;
2063
- }
2064
- .omni-pro-sider-menu .drawer .drawer-content {
2065
- background: #333;
2066
- }
2067
- .omni-pro-sider-menu .ant-menu-inline-collapsed > .ant-menu-item .sider-menu-item-img + span,
2068
- .omni-pro-sider-menu .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .sider-menu-item-img + span,
2069
- .omni-pro-sider-menu .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .sider-menu-item-img + span {
2070
- display: inline-block;
2071
- max-width: 0;
2072
- opacity: 0;
2073
- }
2074
- .omni-pro-sider-menu .ant-menu-item .sider-menu-item-img + span,
2075
- .omni-pro-sider-menu .ant-menu-submenu-title .sider-menu-item-img + span {
2076
- opacity: 1;
2077
- transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2078
- }
2079
- .omni-pro-sider-menu .ant-drawer-body {
2080
- padding: 0;
2081
- }
2082
-
2083
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2084
- /* stylelint-disable no-duplicate-selectors */
2085
- /* stylelint-disable */
2086
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
2087
- .omni-layout-global-footer {
2088
- margin: 24px 0 24px 0;
2089
- padding: 0 16px;
2090
- text-align: center;
2091
- }
2092
- .omni-layout-global-footer-links {
2093
- margin-bottom: 8px;
2094
- }
2095
- .omni-layout-global-footer-links a {
2096
- color: rgba(0, 0, 0, 0.45);
2097
- transition: all 0.3s;
2098
- }
2099
- .omni-layout-global-footer-links a:not(:last-child) {
2100
- margin-right: 40px;
2101
- }
2102
- .omni-layout-global-footer-links a:hover {
2103
- color: rgba(0, 0, 0, 0.85);
2104
- }
2105
- .omni-layout-global-footer-copyright {
2106
- color: rgba(0, 0, 0, 0.45);
2107
- font-size: 14px;
2108
- }
2109
-
2110
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2111
- /* stylelint-disable no-duplicate-selectors */
2112
- /* stylelint-disable */
2113
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
2114
- .ant-pro-page-header-wrap-children-content {
2115
- margin: 12px 24px 0;
2116
- }
2117
- .ant-pro-page-header-wrap-page-header-warp {
2118
- background-color: #fff;
2119
- }
2120
- .ant-pro-page-header-wrap-page-header-warp .ant-page-header {
2121
- padding: 16px 24px 0;
2122
- }
2123
- .ant-pro-page-header-wrap-page-header-warp .ant-page-header-heading {
2124
- margin-bottom: 0;
2125
- }
2126
- .ant-pro-page-header-wrap-page-header-warp .ant-page-header-footer {
2127
- padding: 0;
2128
- margin-top: 4px;
2129
- }
2130
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-detail {
2131
- display: flex;
2132
- }
2133
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-row {
2134
- display: flex;
2135
- width: 100%;
2136
- }
2137
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title-content {
2138
- margin-bottom: 12px;
2139
- }
2140
- @media screen and (max-width: 576px) {
2141
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content {
2142
- margin: 24px 0 0;
2143
- }
2144
- }
2145
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title,
2146
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content {
2147
- flex: auto;
2148
- }
2149
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent,
2150
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-main {
2151
- flex: 0 1 auto;
2152
- }
2153
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-main {
2154
- width: 100%;
2155
- }
2156
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-title {
2157
- margin-bottom: 12px;
2158
- }
2159
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-logo,
2160
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-content,
2161
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
2162
- margin-bottom: 12px;
2163
- }
2164
- .ant-pro-page-header-wrap-main .ant-pro-page-header-wrap-extraContent {
2165
- min-width: 242px;
2166
- margin-left: 88px;
2167
- text-align: right;
2168
- }
2169
- @media screen and (max-width: 1200px) {
2170
- .ant-pro-page-header-wrap-extraContent {
2171
- margin-left: 44px;
2172
- }
2173
- }
2174
- @media screen and (max-width: 992px) {
2175
- .ant-pro-page-header-wrap-extraContent {
2176
- margin-left: 20px;
2177
- }
2178
- }
2179
- @media screen and (max-width: 768px) {
2180
- .ant-pro-page-header-wrap-row {
2181
- display: block;
2182
- }
2183
- .ant-pro-page-header-wrap-action,
2184
- .ant-pro-page-header-wrap-extraContent {
2185
- margin-left: 0;
2186
- text-align: left;
2187
- }
2188
- }
2189
- @media screen and (max-width: 576px) {
2190
- .ant-pro-page-header-wrap-detail {
2191
- display: block;
2192
- }
2193
- }
2194
-
2195
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2196
- /* stylelint-disable no-duplicate-selectors */
2197
- /* stylelint-disable */
2198
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
2199
- .ant-pro-grid-content {
2200
- width: 100%;
2201
- height: 100%;
2202
- min-height: 100%;
2203
- transition: 0.3s;
2204
- }
2205
- .ant-pro-grid-content.wide {
2206
- max-width: 1200px;
2207
- margin: 0 auto;
2208
- }
1
+ @import '../es/antd.css';