ant-design-vue/lib/vc-slick/demo/AppendDots.js

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

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

require('../assets/index.less');

var _slider = require('../src/slider');

var _slider2 = _interopRequireDefault(_slider);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports['default'] = {
  render: function render(h) {
    var settings = {
      props: {
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1
      },
      scopedSlots: {
        customPaging: function customPaging(_ref) {
          var i = _ref.i;

          return h(
            'div',
            {
              style: {
                width: '30px',
                color: 'blue',
                border: '1px blue solid'
              }
            },
            [i + 1]
          );
        },
        appendDots: function appendDots(_ref2) {
          var dots = _ref2.dots;

          return h(
            'div',
            {
              style: {
                backgroundColor: '#ddd',
                borderRadius: '10px',
                padding: '10px'
              }
            },
            [h(
              'ul',
              { style: { margin: '0px' } },
              [' ', dots, ' ']
            )]
          );
        }
      }
    };
    return h('div', [h('h2', ['Append Dots']), h(
      _slider2['default'],
      settings,
      [h('div', [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'])])]
    )]);
  }
};
module.exports = exports['default'];