@burh/nuxt-core 1.0.149 → 1.0.150
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.
|
@@ -1,40 +1,70 @@
|
|
|
1
1
|
<template lang="">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
<div v-if='isShowing' class="fullpage-loading">
|
|
3
|
+
<span class="loader-wrapper">
|
|
4
|
+
<div>
|
|
5
|
+
<div :class="'mb-5 product-item--avatar bg-' + color">
|
|
6
|
+
<img :src="productImage" alt="" />
|
|
7
|
+
</div>
|
|
8
|
+
<div class="d-flex justify-content-center align-items-center">
|
|
9
|
+
<i
|
|
10
|
+
:class="
|
|
11
|
+
'fas fa-3x fa-circle-notch fa-spin text-' + color
|
|
12
|
+
"
|
|
13
|
+
></i>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</span>
|
|
17
|
+
</div>
|
|
18
18
|
</template>
|
|
19
19
|
|
|
20
20
|
<script>
|
|
21
21
|
export default {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
22
|
+
name: 'new-loading',
|
|
23
|
+
props: {
|
|
24
|
+
isLoading: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: false,
|
|
27
|
+
description: 'If the parent screen is loading'
|
|
28
|
+
},
|
|
29
|
+
productImage: String,
|
|
30
|
+
color: String
|
|
31
|
+
},
|
|
32
|
+
|
|
33
|
+
data() {
|
|
34
|
+
return {
|
|
35
|
+
isShowing: true
|
|
36
|
+
};
|
|
37
|
+
},
|
|
38
|
+
|
|
39
|
+
mounted(){
|
|
40
|
+
|
|
41
|
+
const currentPage = window.location.pathname.split('/')[1];
|
|
42
|
+
if (sessionStorage.getItem('lastPage') != currentPage ){
|
|
43
|
+
sessionStorage.setItem('lastPage', currentPage);
|
|
44
|
+
}else{
|
|
45
|
+
this.isShowing = false;
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
// beforeDestroy() {
|
|
49
|
+
// const HomePage = window.location.pathname.split('');
|
|
50
|
+
|
|
51
|
+
// if(HomePage == ''){
|
|
52
|
+
// sessionStorage.removeItem('lastPage');
|
|
53
|
+
// }
|
|
54
|
+
// },
|
|
32
55
|
};
|
|
33
56
|
</script>
|
|
34
57
|
|
|
35
58
|
<style lang="scss" scoped>
|
|
36
59
|
// @import "assets/sass/burh-ds/variables/_colors.scss";
|
|
37
|
-
|
|
60
|
+
.fullpage-loading{
|
|
61
|
+
width: 100vw;
|
|
62
|
+
height: 100vh;
|
|
63
|
+
position: fixed;
|
|
64
|
+
top: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
z-index: 1000;
|
|
67
|
+
}
|
|
38
68
|
.product-item--avatar {
|
|
39
69
|
width: 64.78px;
|
|
40
70
|
height: 64.78px;
|
|
@@ -57,4 +87,4 @@ export default {
|
|
|
57
87
|
width: 100vw;
|
|
58
88
|
height: 100vh;
|
|
59
89
|
}
|
|
60
|
-
</style>
|
|
90
|
+
</style>
|