Carousel demo responsive option updates
parent
f534e4a1ad
commit
f2dc9a309d
|
@ -36,13 +36,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -104,13 +104,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -178,13 +178,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
|
@ -37,13 +37,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -107,13 +107,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -182,13 +182,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
|
@ -37,13 +37,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -107,13 +107,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -182,13 +182,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
|
@ -40,13 +40,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -110,13 +110,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -185,13 +185,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
|
@ -41,13 +41,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -125,13 +125,13 @@ export default {
|
||||||
responsiveOptions: [
|
responsiveOptions: [
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
@ -207,13 +207,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
|
@ -105,13 +105,13 @@ const products = ref();
|
||||||
const responsiveOptions = ref([
|
const responsiveOptions = ref([
|
||||||
{
|
{
|
||||||
breakpoint: '1199px',
|
breakpoint: '1199px',
|
||||||
numVisible: 3,
|
numVisible: 1,
|
||||||
numScroll: 3
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '991px',
|
breakpoint: '991px',
|
||||||
numVisible: 2,
|
numVisible: 2,
|
||||||
numScroll: 2
|
numScroll: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '767px',
|
breakpoint: '767px',
|
||||||
|
|
Loading…
Reference in New Issue