A full-featured, touch-enabled, 360° Product Image Viewer for Vue.js applications.
# NPM
$ npm install vue-360 --save
import VueThreeSixty from 'vue-360'
import 'vue-360/dist/css/style.css'
Vue.use(VueThreeSixty)
<vue-three-sixty
:amount=36
imagePath="https://yourdomain.com/image-folder"
fileName="image_{index}.jpg"
/>
imagePath: {
type: String,
require: true,
default: ''
},
fileName: {
type: String,
require: true,
default: ''
},
spinReverse: {
type: Boolean,
require: true,
default: false,
},
amount: {
type: Number,
require: true,
default: 24,
},
autoplay: {
type: Boolean,
require: false,
default: false
},
loop: {
type: Number,
require: false,
default: 1
},
boxShadow: {
type: Boolean,
require: false,
default: false
},
buttonClass: {
type: String,
require: false,
default: 'light'
},
hotspots: {
type: Array,
require: true,
default: () => []
},
identifier: {
type: String,
require: true,
default: () => uuidv1()
},
paddingIndex: {
type: Boolean,
require: false,
default: false
}
Author: rajeevgade
Live Demo: https://vue-360.now.sh/
Official Website: https://github.com/rajeevgade/vue-360
#vuejs #vue #javascript #vue-js