https://www.ast-inter.ru/local/vue-components/Loader/script.js

1Vue.component("loader", {
2	data: function () {
3		return {
4		}
5	},
6	name: "loader",
7	props: {
8		show: {
9			type: Boolean,
10			default: false
11		},
12		absolute: {
13			type: Boolean,
14			default: false
15		}
16	},
17	methods: {
18		getTopStyle: function() {
19			if(!this.absolute) {
20				let screenHeight = parseInt(window.innerHeight);
21
22				return screenHeight / 2 + "px";
23			}
24		}
25	},
26	template:
27		'<div ' +
28			'data-inc="vue" ' +
29			'class="loader-overlay" ' +
30			':class="{\'position-absolute\': absolute === true}" ' +
31			'v-if="show">' +
32			'<div class="loader-items" :style="{top: getTopStyle() }">' +
33				'<div></div>' +
34				'<div></div>' +
35				'<div></div>' +
36				'<div></div>' +
37			'</div>' +
38		'</div>',
39});