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
Uh oh!
There was an error while loading. Please reload this page.
-
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