ant-design-vue/es/vc-slick/demo/MultipleRows.js

An enterprise-class UI design language and Vue-based implementation

import '../assets/index.less';
import Slider from '../src/slider';

export default {
  render: function render() {
    var h = arguments[0];

    var settings = {
      props: {
        centerMode: true,
        infinite: true,
        centerPadding: '60px',
        slidesToShow: 3,
        speed: 500,
        rows: 2,
        slidesPerRow: 2
      },
      'class': 'center'
    };
    return h('div', [h('h2', ['Multiple Rows']), h(
      Slider,
      settings,
      [h(
        'div',
        { style: { width: '400px' } },
        [h('h3', ['1'])]
      ), h('div', [h('h3', ['2'])]), h('div', [h('h3', ['3'])]), h('div', [h('h3', ['4'])]), h('div', [h('h3', ['5'])]), h('div', [h('h3', ['6'])]), h('div', [h('h3', ['7'])]), h('div', [h('h3', ['8'])]), h('div', [h('h3', ['9'])]), h('div', [h('h3', ['10'])]), h('div', [h('h3', ['11'])]), h('div', [h('h3', ['12'])]), h('div', [h('h3', ['13'])]), h('div', [h('h3', ['14'])]), h('div', [h('h3', ['15'])]), h('div', [h('h3', ['16'])])]
    )]);
  }
};