Loading.js
1.49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// import { Loading } from '/imports/client/components/Loading';
import React from 'react';
export class Loading extends React.Component {
render() {
return (
<div className = "loading-box">
<div className = "loading-content">
<svg
version = "1.1"
className = "loading-icon"
xmlns = "http://www.w3.org/2000/svg"
x = "0px"
y = "0px"
width = "40px"
height = "40px"
viewBox = "0 0 40 40"
enableBackground = "new 0 0 40 40"
>
<path
opacity = "1.0"
fill = "#fff"
d = "M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,
14.946,14.946s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,
5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,
5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,
26.541,26.626,31.749,20.201,31.749z"
/>
<path
fill = "#0080ff"
d = "M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
C22.32,8.481,24.301,9.057,26.013,10.047z"
/>
</svg>
</div>
</div>
);
};
};