kn-cli 1.0.91 → 1.0.92

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 (132) hide show
  1. package/package.json +1 -1
  2. package/readme.md +3 -0
  3. package/src/.DS_Store +0 -0
  4. package/templates/template_admin/.gitignore +6 -0
  5. package/templates/template_app/.gitignore +6 -0
  6. package/templates/template_oa/.gitignore +6 -0
  7. package/templates/template_oa/jsconfig.json +5 -1
  8. package/templates/template_oa/public/src/components/dialog/index.jsx +237 -0
  9. package/templates/template_oa/public/src/components/{Empty → empty}/index.jsx +9 -0
  10. package/templates/template_oa/public/src/components/{FormRow → formRow}/index.jsx +25 -3
  11. package/templates/{template_oa_jwt/public/src/components/FormTable → template_oa/public/src/components/formTable}/index.jsx +39 -1
  12. package/templates/template_oa/public/src/components/iconFont/index.jsx +22 -0
  13. package/templates/template_oa/public/src/components/{IFrame → iframe}/index.jsx +18 -4
  14. package/templates/template_oa/public/src/components/{Layout/Basic → layout/basic}/index.jsx +7 -1
  15. package/templates/{template_oa_jwt/public/src/components/Layout/CenterBody → template_oa/public/src/components/layout/centerBody}/index.jsx +2 -0
  16. package/templates/{template_oa_jwt/public/src/components/Layout/FormBlock → template_oa/public/src/components/layout/formBlock}/index.jsx +3 -1
  17. package/templates/{template_oa_jwt/public/src/components/Layout → template_oa/public/src/components/layout}/index.jsx +12 -6
  18. package/templates/{template_oa_jwt/public/src/components/Layout/Provider → template_oa/public/src/components/layout/provider}/index.jsx +4 -0
  19. package/templates/template_oa/public/src/components/{Link → link}/index.jsx +16 -0
  20. package/templates/template_oa/public/src/components/{Nav → nav}/index.jsx +8 -2
  21. package/templates/template_oa/public/src/components/{Page/PageLoading → page/pageLoading}/index.jsx +25 -4
  22. package/templates/template_oa/public/src/components/{Popup → popup}/index.jsx +13 -0
  23. package/templates/{template_oa_jwt/public/src/components/Select/DepSelect → template_oa/public/src/components/select/depSelect}/index.jsx +15 -0
  24. package/templates/template_oa/public/src/components/{Select/StaffSelect → select/staffSelect}/index.jsx +27 -0
  25. package/templates/template_oa/public/src/components/title/index.jsx +3 -0
  26. package/templates/template_oa/public/src/components/{Toast → toast}/index.jsx +21 -1
  27. package/templates/template_oa/public/src/components/{Upload → upload}/index.jsx +41 -3
  28. package/templates/template_oa/public/src/hooks/index.jsx +1 -0
  29. package/templates/template_oa/public/src/hooks/useDelay.jsx +5 -0
  30. package/templates/template_oa/public/src/hooks/useImageLoader.jsx +1 -2
  31. package/templates/template_oa/public/src/hooks/useLoading.jsx +5 -1
  32. package/templates/template_oa/public/src/hooks/usePreload.jsx +2 -1
  33. package/templates/template_oa/public/src/hooks/useScrollTop.jsx +12 -0
  34. package/templates/template_oa/public/src/hooks/useSearch.jsx +28 -2
  35. package/templates/template_oa/public/src/hooks/useUpdate.jsx +5 -0
  36. package/templates/template_oa/public/src/index.jsx +15 -1
  37. package/templates/template_oa/public/src/pages/video/index.jsx +17 -13
  38. package/templates/template_oa/public/src/provider/app.jsx +33 -2
  39. package/templates/template_oa/public/src/route.jsx +4 -2
  40. package/templates/template_oa/public/src/services/common.js +11 -0
  41. package/templates/template_oa/public/src/services/index.js +44 -2
  42. package/templates/template_oa/public/src/type.js +48 -0
  43. package/templates/template_oa/public/src/utils/index.js +34 -17
  44. package/templates/template_oa_jwt/.gitignore +6 -0
  45. package/templates/template_oa_jwt/jsconfig.json +5 -1
  46. package/templates/template_oa_jwt/public/src/components/dialog/index.jsx +237 -0
  47. package/templates/template_oa_jwt/public/src/components/{Empty → empty}/index.jsx +9 -0
  48. package/templates/template_oa_jwt/public/src/components/{FormRow → formRow}/index.jsx +25 -3
  49. package/templates/{template_oa/public/src/components/FormTable → template_oa_jwt/public/src/components/formTable}/index.jsx +41 -2
  50. package/templates/template_oa_jwt/public/src/components/formTable/index.less +18 -0
  51. package/templates/template_oa_jwt/public/src/components/iconFont/index.jsx +22 -0
  52. package/templates/template_oa_jwt/public/src/components/{IFrame → iframe}/index.jsx +15 -0
  53. package/templates/template_oa_jwt/public/src/components/{Layout/Basic → layout/basic}/index.jsx +11 -6
  54. package/templates/{template_oa/public/src/components/Layout/CenterBody → template_oa_jwt/public/src/components/layout/centerBody}/index.jsx +2 -0
  55. package/templates/{template_oa/public/src/components/Layout/FormBlock → template_oa_jwt/public/src/components/layout/formBlock}/index.jsx +3 -1
  56. package/templates/{template_oa/public/src/components/Layout → template_oa_jwt/public/src/components/layout}/index.jsx +10 -4
  57. package/templates/{template_oa/public/src/components/Layout/Provider → template_oa_jwt/public/src/components/layout/provider}/index.jsx +4 -0
  58. package/templates/template_oa_jwt/public/src/components/{Link → link}/index.jsx +16 -0
  59. package/templates/template_oa_jwt/public/src/components/{Nav → nav}/index.jsx +11 -5
  60. package/templates/template_oa_jwt/public/src/components/{Page/PageLoading → page/pageLoading}/index.jsx +25 -4
  61. package/templates/template_oa_jwt/public/src/components/{Popup → popup}/index.jsx +13 -0
  62. package/templates/{template_oa/public/src/components/Select/DepSelect → template_oa_jwt/public/src/components/select/depSelect}/index.jsx +15 -0
  63. package/templates/template_oa_jwt/public/src/components/{Select/StaffSelect → select/staffSelect}/index.jsx +27 -0
  64. package/templates/template_oa_jwt/public/src/components/title/index.jsx +3 -0
  65. package/templates/template_oa_jwt/public/src/components/{Toast → toast}/index.jsx +21 -1
  66. package/templates/template_oa_jwt/public/src/components/{Upload → upload}/index.jsx +41 -3
  67. package/templates/template_oa_jwt/public/src/dictionary/index.js +2 -0
  68. package/templates/template_oa_jwt/public/src/hooks/index.jsx +2 -2
  69. package/templates/template_oa_jwt/public/src/hooks/useDelay.jsx +5 -0
  70. package/templates/template_oa_jwt/public/src/hooks/useImageLoader.jsx +1 -2
  71. package/templates/template_oa_jwt/public/src/hooks/useLoading.jsx +5 -1
  72. package/templates/template_oa_jwt/public/src/hooks/usePreload.jsx +2 -1
  73. package/templates/template_oa_jwt/public/src/hooks/useScrollTop.jsx +12 -0
  74. package/templates/template_oa_jwt/public/src/hooks/useSearch.jsx +28 -2
  75. package/templates/template_oa_jwt/public/src/hooks/useUpdate.jsx +5 -0
  76. package/templates/template_oa_jwt/public/src/pages/demo/index.jsx +17 -11
  77. package/templates/template_oa_jwt/public/src/provider/app.jsx +30 -1
  78. package/templates/template_oa_jwt/public/src/route.jsx +4 -2
  79. package/templates/template_oa_jwt/public/src/services/common.js +13 -1
  80. package/templates/template_oa_jwt/public/src/services/index.js +52 -8
  81. package/templates/template_oa_jwt/public/src/services/token.js +7 -0
  82. package/templates/template_oa_jwt/public/src/utils/index.js +62 -22
  83. package/templates/template_offcial/.gitignore +6 -0
  84. package/templates/template_oa/public/src/components/Alert/index.jsx +0 -0
  85. package/templates/template_oa/public/src/components/Alert/index.less +0 -0
  86. package/templates/template_oa/public/src/components/Auth/index.jsx +0 -44
  87. package/templates/template_oa/public/src/components/Dialog/index.jsx +0 -150
  88. package/templates/template_oa/public/src/components/Footer/index.jsx +0 -17
  89. package/templates/template_oa/public/src/components/Footer/index.less +0 -28
  90. package/templates/template_oa/public/src/components/IconFont/index.jsx +0 -10
  91. package/templates/template_oa/public/src/components/Loading/index.jsx +0 -14
  92. package/templates/template_oa/public/src/components/Loading/index.less +0 -85
  93. package/templates/template_oa_jwt/public/src/components/Alert/index.jsx +0 -0
  94. package/templates/template_oa_jwt/public/src/components/Alert/index.less +0 -0
  95. package/templates/template_oa_jwt/public/src/components/Auth/index.jsx +0 -44
  96. package/templates/template_oa_jwt/public/src/components/Dialog/index.jsx +0 -150
  97. package/templates/template_oa_jwt/public/src/components/Footer/index.jsx +0 -17
  98. package/templates/template_oa_jwt/public/src/components/Footer/index.less +0 -28
  99. package/templates/template_oa_jwt/public/src/components/IconFont/index.jsx +0 -10
  100. package/templates/template_oa_jwt/public/src/components/Loading/index.jsx +0 -16
  101. package/templates/template_oa_jwt/public/src/components/Loading/index.less +0 -96
  102. /package/templates/template_oa/public/src/components/{Dialog → dialog}/index.less +0 -0
  103. /package/templates/template_oa/public/src/components/{Empty → empty}/index.less +0 -0
  104. /package/templates/template_oa/public/src/components/{FormRow → formRow}/index.less +0 -0
  105. /package/templates/{template_oa_jwt/public/src/components/FormTable → template_oa/public/src/components/formTable}/index.less +0 -0
  106. /package/templates/template_oa/public/src/components/{IconFont → iconFont}/index.less +0 -0
  107. /package/templates/template_oa/public/src/components/{IFrame → iframe}/index.less +0 -0
  108. /package/templates/template_oa/public/src/components/{Layout/Basic → layout/basic}/index.less +0 -0
  109. /package/templates/template_oa/public/src/components/{Layout/CenterBody → layout/centerBody}/index.less +0 -0
  110. /package/templates/template_oa/public/src/components/{Layout/FormBlock → layout/formBlock}/index.less +0 -0
  111. /package/templates/template_oa/public/src/components/{Layout → layout}/index.less +0 -0
  112. /package/templates/template_oa/public/src/components/{Link → link}/index.less +0 -0
  113. /package/templates/template_oa/public/src/components/{Nav → nav}/index.less +0 -0
  114. /package/templates/template_oa/public/src/components/{Page/PageLoading → page/pageLoading}/index.less +0 -0
  115. /package/templates/template_oa/public/src/components/{Popup → popup}/index.less +0 -0
  116. /package/templates/template_oa/public/src/components/{Select/StaffSelect → select/staffSelect}/index.less +0 -0
  117. /package/templates/template_oa/public/src/components/{Toast → toast}/index.less +0 -0
  118. /package/templates/template_oa_jwt/public/src/components/{Dialog → dialog}/index.less +0 -0
  119. /package/templates/template_oa_jwt/public/src/components/{Empty → empty}/index.less +0 -0
  120. /package/templates/template_oa_jwt/public/src/components/{FormRow → formRow}/index.less +0 -0
  121. /package/templates/template_oa_jwt/public/src/components/{IconFont → iconFont}/index.less +0 -0
  122. /package/templates/template_oa_jwt/public/src/components/{IFrame → iframe}/index.less +0 -0
  123. /package/templates/template_oa_jwt/public/src/components/{Layout/Basic → layout/basic}/index.less +0 -0
  124. /package/templates/template_oa_jwt/public/src/components/{Layout/CenterBody → layout/centerBody}/index.less +0 -0
  125. /package/templates/template_oa_jwt/public/src/components/{Layout/FormBlock → layout/formBlock}/index.less +0 -0
  126. /package/templates/template_oa_jwt/public/src/components/{Layout → layout}/index.less +0 -0
  127. /package/templates/template_oa_jwt/public/src/components/{Link → link}/index.less +0 -0
  128. /package/templates/template_oa_jwt/public/src/components/{Nav → nav}/index.less +0 -0
  129. /package/templates/template_oa_jwt/public/src/components/{Page/PageLoading → page/pageLoading}/index.less +0 -0
  130. /package/templates/template_oa_jwt/public/src/components/{Popup → popup}/index.less +0 -0
  131. /package/templates/template_oa_jwt/public/src/components/{Select/StaffSelect → select/staffSelect}/index.less +0 -0
  132. /package/templates/template_oa_jwt/public/src/components/{Toast → toast}/index.less +0 -0
@@ -1,14 +0,0 @@
1
-
2
-
3
- import React,{useMemo} from 'react';
4
- import styles from './index.less';
5
- styles;
6
- export const Loading=()=>{
7
- return (
8
- <div className="ldio-2oha7mxue8v">
9
- <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
10
- </div>
11
- )
12
- }
13
-
14
- export default React.memo(Loading);
@@ -1,85 +0,0 @@
1
-
2
- :global{
3
- @color:#fff;
4
- @keyframes ldio-2oha7mxue8v {
5
- 0% { opacity: 1 }
6
- 100% { opacity: 0 }
7
- }
8
- .ldio-2oha7mxue8v div:local {
9
- left:0px;
10
- top:0px;
11
- position: absolute;
12
- animation: ldio-2oha7mxue8v linear 1s infinite;
13
- background: @color;
14
- width: 12px;
15
- height: 24px;
16
- border-radius: 6px / 12px;
17
- transform-origin: 40px 40px;
18
- }
19
- .ldio-2oha7mxue8v div:nth-child(1) {
20
- transform: rotate(0deg);
21
- animation-delay: -0.9166666666666666s;
22
- background: @color;
23
- }.ldio-2oha7mxue8v div:nth-child(2) {
24
- transform: rotate(30deg);
25
- animation-delay: -0.8333333333333334s;
26
- background: @color;
27
- }.ldio-2oha7mxue8v div:nth-child(3) {
28
- transform: rotate(60deg);
29
- animation-delay: -0.75s;
30
- background: @color;
31
- }.ldio-2oha7mxue8v div:nth-child(4) {
32
- transform: rotate(90deg);
33
- animation-delay: -0.6666666666666666s;
34
- background: @color;
35
- }.ldio-2oha7mxue8v div:nth-child(5) {
36
- transform: rotate(120deg);
37
- animation-delay: -0.5833333333333334s;
38
- background: @color;
39
- }.ldio-2oha7mxue8v div:nth-child(6) {
40
- transform: rotate(150deg);
41
- animation-delay: -0.5s;
42
- background: @color;
43
- }.ldio-2oha7mxue8v div:nth-child(7) {
44
- transform: rotate(180deg);
45
- animation-delay: -0.4166666666666667s;
46
- background: @color;
47
- }.ldio-2oha7mxue8v div:nth-child(8) {
48
- transform: rotate(210deg);
49
- animation-delay: -0.3333333333333333s;
50
- background: @color;
51
- }.ldio-2oha7mxue8v div:nth-child(9) {
52
- transform: rotate(240deg);
53
- animation-delay: -0.25s;
54
- background: @color;
55
- }.ldio-2oha7mxue8v div:nth-child(10) {
56
- transform: rotate(270deg);
57
- animation-delay: -0.16666666666666666s;
58
- background: @color;
59
- }.ldio-2oha7mxue8v div:nth-child(11) {
60
- transform: rotate(300deg);
61
- animation-delay: -0.08333333333333333s;
62
- background: @color;
63
- }.ldio-2oha7mxue8v div:nth-child(12) {
64
- transform: rotate(330deg);
65
- animation-delay: 0s;
66
- background: @color;
67
- }
68
- .loadingio-spinner-spinner-vviroavveu {
69
- width: 200px;
70
- height: 200px;
71
- display: inline-block;
72
- overflow: hidden;
73
- background: transparent;
74
- }
75
- .ldio-2oha7mxue8v {
76
- width: 80px;
77
- height: 80px;
78
- position: relative;
79
- transform: translateZ(0) scale(1);
80
- backface-visibility: hidden;
81
- transform-origin: 0 0; /* see note above */
82
- }
83
- .ldio-2oha7mxue8v div { box-sizing: content-box; }
84
- /* generated by https://loading.io/ */
85
- }
@@ -1,44 +0,0 @@
1
- import React, { useEffect, useState } from 'react';
2
- import ProviderApp from '@/provider/app';
3
- import { useNavigate } from 'react-router-dom';
4
- import {useLoading} from '@/hooks';
5
-
6
- export const AuthShow=(props)=>{
7
- const {name} = props;
8
- const app = ProviderApp.useContainer();
9
- if(app?.user?.authorities?.includes(name)){
10
- return props.children;
11
- }
12
- return <></>
13
- }
14
-
15
- export const AuthLogin=(props)=>{
16
- const navigate = useNavigate();
17
- const [pass,setPass] = useState(false)
18
- const app = ProviderApp.useContainer();
19
- const loading = useLoading();
20
-
21
- const check=async ()=>{
22
- loading.setLoading(true);
23
- console.log(`[Auth]检查用户登录态`)
24
- const req =await app.isLogin();
25
- loading.setLoading(false);
26
- if(req){
27
- console.log(`[Auth]检查用户登录态成功`)
28
- setPass(true);
29
- }else{
30
- console.log(`[Auth]检查用户登录态失败`)
31
- setPass(false);
32
- navigate('/login');
33
- }
34
- }
35
- useEffect(check,[]);
36
-
37
- if(pass){
38
- return props.children;
39
- }
40
- return <>检查登录态中...</>
41
- }
42
-
43
-
44
- export default {AuthShow,AuthLogin};
@@ -1,150 +0,0 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom';
3
-
4
- import IconFont from '@/components/IconFont';
5
-
6
- import Popup from '@/components/Popup';
7
-
8
- import styles from './index.less';
9
- import { Button } from 'antd';
10
-
11
- const Dialog = (props) => {
12
- async function onClose() {
13
- if (props.onClose) {
14
- let ret = await props.onClose();
15
- if (ret) {
16
- props.destory();
17
- }
18
- } else {
19
- props.destory();
20
- }
21
- }
22
- async function onOk() {
23
- if (props.onOk) {
24
- let ret = await props.onOk();
25
- if (ret) {
26
- props.destory();
27
- }
28
- } else {
29
- props.destory();
30
- }
31
- }
32
- return (
33
- <section className={styles.body}>
34
- <div className={styles.mask} />
35
- <section className={styles.wrap}>
36
- <div className={styles.header}>
37
- <span>{props.title}</span>
38
- <IconFont icon='close' className={styles.close} onClick={onClose} />
39
- </div>
40
-
41
- {props.children}
42
-
43
- <div className={styles.footer}>
44
- <Button type='primary' onClick={onOk}>
45
- {props.okText || '确认'}
46
- </Button>
47
- {props.noCancel ? (
48
- ''
49
- ) : (
50
- <Button onClick={onClose} style={{ marginLeft: '10px' }}>
51
- {props.cancelText || '取消'}
52
- </Button>
53
- )}
54
- </div>
55
- </section>
56
- </section>
57
- );
58
- };
59
-
60
- export const ShowDialog = (props) => {
61
- return new Promise((reslove) => {
62
- let popup = Popup(reslove);
63
- ReactDOM.render(
64
- <Dialog
65
- title={props.title}
66
- destory={popup.destory}
67
- onOk={props.onOk}
68
- okText={props.okText}
69
- cancelText={props.cancelText}
70
- noCancel={props.noCancel}
71
- onClose={props.onClose}
72
- >
73
- {props.component}
74
- </Dialog>,
75
- popup.dom
76
- );
77
- });
78
- };
79
-
80
- export const ShowConfirm = async (props) => {
81
- if (typeof props === 'string') {
82
- props = { content: props };
83
- }
84
-
85
- let result = false;
86
- await ShowDialog({
87
- title: props.title || '注意',
88
- okText: props.okText || '确认',
89
- cancelText: props.cancelText || '取消',
90
- noCancel: typeof props.noCancel !== 'undefined' ? props.noCancel : false,
91
- onClose: async () => {
92
- result = false;
93
- return Promise.resolve(true);
94
- },
95
- onOk: async () => {
96
- result = true;
97
- return Promise.resolve(true);
98
- },
99
- component: (
100
- <div className={styles.confirmWrap}>
101
- {props.content}
102
- </div>
103
- ),
104
- });
105
- return result;
106
- };
107
-
108
- const Alert = (props) => {
109
- function onOk() {
110
- if (props.onOk) props.onOk();
111
- props.destory();
112
- }
113
- return (
114
- <section className={styles.body }>
115
- <div className={styles.mask} />
116
- <section className={styles.wrapAlert}>
117
- <div className={styles.alertContent}>
118
- <div className={props.type === 'success' ? styles.iconSuccess : styles.iconError} />
119
- <span>{props.content}</span>
120
- </div>
121
- <div className={styles.alertFooter}>
122
- <span onClick={onOk}>{props.okText || '确认'}</span>
123
- </div>
124
- </section>
125
- </section>
126
- );
127
- };
128
-
129
- export const ShowAlert = (props) => {
130
- if (props.constructor === String) {
131
- props = { content: props };
132
- }
133
- return new Promise((reslove) => {
134
- let popup = Popup(reslove);
135
-
136
- ReactDOM.render(
137
- <Alert destory={popup.destory} type={props.type || 'success'} onOk={props.onOk} content={props.content} />,
138
- popup.dom
139
- );
140
- });
141
- };
142
-
143
- export const ShowErrorAlert = (props) => {
144
- if (props.constructor === String) {
145
- props = { content: props };
146
- }
147
- return ShowAlert({ ...props, type: 'fail' });
148
- };
149
-
150
- export default Dialog;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import styles from './index.less';
3
-
4
- const Footer = (props) => {
5
- return (
6
- <section className={styles.footer}>
7
- <hgroup>
8
- <p>Copyright@2017 版权所有 kingnet.com,All Rights Reserved 沪ICP备10215773号-1</p>
9
- <p>本系统现仅支持Chrome和Safari浏览器,其他浏览器可能会出现兼容性问题。</p>
10
- <a href='http://oa.test.com/versionlog/view' target='_blank' style={{ marginTop: '10px' }}>
11
- 版本日志
12
- </a>
13
- </hgroup>
14
- </section>
15
- );
16
- };
17
- export default Footer;
@@ -1,28 +0,0 @@
1
- @import '~@/_variable.less';
2
-
3
- .footer {
4
- position: absolute;
5
- bottom: 0;
6
-
7
- box-shadow: 0px -2px 3px #dde3e7;
8
- min-height: var(--height-footer);
9
- width: 100%;
10
- background-color: white;
11
- hgroup {
12
- display: flex;
13
- flex-direction: column;
14
- align-items: center;
15
- justify-content: center;
16
- width: 100%;
17
- min-height: var(--height-footer);
18
- }
19
- p {
20
- color: #9bb5c9;
21
- font-size: 12px;
22
- margin-bottom: 0;
23
- }
24
- a {
25
- color: rgb(119, 119, 119);
26
- font-size: 14px;
27
- }
28
- }
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import styles from'./index.less';
3
-
4
- const IconFont=(props)=>{
5
- const {icon,className,...others} = props;
6
- return (
7
- <span {...others} className={`iconfont icon-${icon} ${styles.iconBox} ${className||''}`} ></span>
8
- )
9
- }
10
- export default IconFont;
@@ -1,16 +0,0 @@
1
-
2
-
3
- import React,{useMemo} from 'react';
4
- import styles from './index.less';
5
- styles;
6
- export const Loading=()=>{
7
- return (
8
- <div className='loading-container'>
9
- <div className="ldio-2oha7mxue8v">
10
- <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
11
- </div>
12
- </div>
13
- )
14
- }
15
-
16
- export default React.memo(Loading);
@@ -1,96 +0,0 @@
1
-
2
- :global{
3
- @color:#000;
4
- @keyframes ldio-2oha7mxue8v {
5
- 0% { opacity: 1 }
6
- 100% { opacity: 0 }
7
- }
8
- .ldio-2oha7mxue8v div:local {
9
- left:0px;
10
- top:0px;
11
- position: absolute;
12
- animation: ldio-2oha7mxue8v linear 1s infinite;
13
- background: @color;
14
- width: 12px;
15
- height: 24px;
16
- border-radius: 6px / 12px;
17
- transform-origin: 40px 40px;
18
- }
19
- .ldio-2oha7mxue8v div:nth-child(1) {
20
- transform: rotate(0deg);
21
- animation-delay: -0.9166666666666666s;
22
- background: @color;
23
- }.ldio-2oha7mxue8v div:nth-child(2) {
24
- transform: rotate(30deg);
25
- animation-delay: -0.8333333333333334s;
26
- background: @color;
27
- }.ldio-2oha7mxue8v div:nth-child(3) {
28
- transform: rotate(60deg);
29
- animation-delay: -0.75s;
30
- background: @color;
31
- }.ldio-2oha7mxue8v div:nth-child(4) {
32
- transform: rotate(90deg);
33
- animation-delay: -0.6666666666666666s;
34
- background: @color;
35
- }.ldio-2oha7mxue8v div:nth-child(5) {
36
- transform: rotate(120deg);
37
- animation-delay: -0.5833333333333334s;
38
- background: @color;
39
- }.ldio-2oha7mxue8v div:nth-child(6) {
40
- transform: rotate(150deg);
41
- animation-delay: -0.5s;
42
- background: @color;
43
- }.ldio-2oha7mxue8v div:nth-child(7) {
44
- transform: rotate(180deg);
45
- animation-delay: -0.4166666666666667s;
46
- background: @color;
47
- }.ldio-2oha7mxue8v div:nth-child(8) {
48
- transform: rotate(210deg);
49
- animation-delay: -0.3333333333333333s;
50
- background: @color;
51
- }.ldio-2oha7mxue8v div:nth-child(9) {
52
- transform: rotate(240deg);
53
- animation-delay: -0.25s;
54
- background: @color;
55
- }.ldio-2oha7mxue8v div:nth-child(10) {
56
- transform: rotate(270deg);
57
- animation-delay: -0.16666666666666666s;
58
- background: @color;
59
- }.ldio-2oha7mxue8v div:nth-child(11) {
60
- transform: rotate(300deg);
61
- animation-delay: -0.08333333333333333s;
62
- background: @color;
63
- }.ldio-2oha7mxue8v div:nth-child(12) {
64
- transform: rotate(330deg);
65
- animation-delay: 0s;
66
- background: @color;
67
- }
68
- .loadingio-spinner-spinner-vviroavveu {
69
- width: 200px;
70
- height: 200px;
71
- display: inline-block;
72
- overflow: hidden;
73
- background: transparent;
74
- }
75
- .ldio-2oha7mxue8v {
76
- width: 80px;
77
- height: 80px;
78
- position: absolute;
79
- transform: translateZ(0) scale(0.5) translate(-50%, 0);
80
- backface-visibility: hidden;
81
- transform-origin: 0 0; /* see note above */
82
- top: 200px;
83
- left: 50%;
84
- z-index: 99999;
85
- }
86
- .loading-container {
87
- position: fixed;
88
- top: 0;
89
- left: 0;
90
- width: 100vw;
91
- height: 100vh;
92
- z-index: 99999;
93
- }
94
- .ldio-2oha7mxue8v div { box-sizing: content-box; }
95
- /* generated by https://loading.io/ */
96
- }