Replies: 1 comment 1 reply
-
|
Hello ! someone find a solution? |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
I found a solution, but it's very ugly (i am sorry). When SolutionAdd at your nuxt project root, the file <!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
<div class="app-loader" style="z-index: -1 !important;"></div>
</body>
</html>
<style>
.app-loader {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.75rem;
height: 1.75rem;
box-sizing: border-box;
border: solid 0.125rem transparent;
border-top-color: #fff;
border-left-color: #fff;
border-bottom-color: #007DBC;
border-right-color: #007DBC;
border-radius: 50%;
-webkit-animation: loader 700ms linear infinite;
animation: loader 700ms linear infinite;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
</style> |
Beta Was this translation helpful? Give feedback.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello ! I recently upgraded a Nuxt 2 project to Nuxt bridge. Everything is running well, except that I lost the loading page (
loadingIndicatorin nuxt.config.js), and the loading bar between routes (loadingproperty), and I don't know how to make those work in Nuxt Bridge (these two properties are now Nuxt 2 only).Any help would be greatly appreciated!
Beta Was this translation helpful? Give feedback.
All reactions