pygmyslowloris / vue-full-loading Goto Github PK
View Code? Open in Web Editor NEWFull overlay loading with spinner for Vue
License: MIT License
Full overlay loading with spinner for Vue
License: MIT License
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>
Is it possible to use it as .js file library included with the <script> tag inside the head of the HTML page?
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:
z-index
-spamming already and I need to increase the z-index
of .white-overlay
.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.
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?
Hello, Is it possible to change the position of the spinner especially on mobile devices where the spinner is out of view.
Copied the code from NPM on local machine. Nothing shows up.
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
Would it be possible to (optionally) display a cross in the right upper corner that would trigger an onCancel event?
Use case:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.