The product spinner that Vue.js was missing. A 3D product spinner for Vue.js with no dependencies (wip)
npm i vue-product-spinner
yarn add vue-product-spinner
<script src="https://cdn.jsdelivr.net/npm/vue-product-spinner@latest/dist/VueProductSpinner.umd.min.js" type="text/javascript"></script>
VueProductSpinner will allow you to add any component in order to handle the image prefetch time.
You can use it as follows:
<template>
<VueProductSpinner
:imgs="imgs"
:slider="true"
>
<PreloadSpinnerComponent />
</VueProductSpinner>
</template>
<script>
import VueProductSpinner from 'vue-product-spinner'
import PreloadSpinnerComponent from 'some-library'
export default {
components: {
VueProductSpinner
},
data() {
return {
images: [
'img1.jpg',
'img2.jpg',
'img3.jpg'
]
}
}
}
</script>
Author: micheleriva
Live Demo: https://micheleriva.github.io/vue-product-spinner/
Download Link: https://github.com/micheleriva/vue-product-spinner/archive/master.zip
Official Website: https://github.com/micheleriva/vue-product-spinner
#vuejs #javascript #vue-js