pygmyslowloris / vue-full-loading Goto Github PK

Copied the code from NPM on local machine. Nothing shows up.

Is it possible to use it as .js file library included with the <script> tag inside the head of the HTML page?

Hello, Is it possible to change the position of the spinner especially on mobile devices where the spinner is out of view.

It seems that you must be relying on a lot of default styles that aren't explicitly defined. See below:

Specifically the wrapper background and overflow needs to be adjusted to get the spinner to look remotely acceptable.

<style scoped>
    .white-overlay >>> .loader-wrapper .wrapper {
        background-color: transparent;
        overflow:         visible;
    }
</style>

I am generally pretty happy with this library, thanks for sharing!

Weirdly enough, however, there is no way to overwrite the class for the overlay. It's always white-overlay if the overlay-prop is set to true.
This is an easy fix, but I would greatly appreciate it.

Possible use cases:

• In my application there's a lot of z-index-spamming already and I need to increase the z-index of .white-overlay.
• Maybe one doesn't want to have a white overlay, but a black one?

hello guys,
I have been trying to modify the properties, at the time of loading, I mean in the mounted () event of the vue js I want the load to appear, but the image is deformed.
How could I hide the loading image and the text.
The reason is that at the time of loading I would like to hide the image and text "loading...", but for when I save it, show the loading image and the text.

any ideas?

Would it be possible to (optionally) display a cross in the right upper corner that would trigger an onCancel event?

Use case:

• User clicks Cancel button/cross
• onCancel event is invoked
• Spinner is hidden, overlay stays intact
• Display 'Are you sure? 'Dialog
• If user presses 'Yes', full loading is hidden
• If user presses 'No', spinner reappears and continues spinning away

Hey guys

i have a problem that i can also see in your live demo, the circle of loading is not showing for some reason,
the weird thing about it is that in my local machine i can see it but when i upload it to the live server i cant see any circle animation just the label, just as your live demo

When I replace the class in my code, the class name is replace but the properties of the new class is not showed. I had to put my new class in the global CSS file.