@jdcfe/yep-react/es/carousel/cssClasses.js

一套移动端的React组件库

import classNames from 'classnames';
export default {
  ROOT: function ROOT(customClassName) {
    return classNames({
      'Yep-carousel-root': true,
      customClassName: customClassName
    });
  },
  CAROUSEL: function CAROUSEL(isSlider) {
    return classNames({
      'Yep-carousel': true,
      'Yep-carousel-slider': isSlider
    });
  },
  WRAPPER: function WRAPPER(isSlider, vertical) {
    return classNames({
      'thumbs-wrapper': !isSlider,
      'Yep-slider-wrapper': isSlider,
      'axis-horizontal': !vertical,
      'axis-vertical': vertical
    });
  },
  SLIDER: function SLIDER(isSlider, isSwiping) {
    return classNames({
      thumbs: !isSlider,
      'Yep-slider': isSlider,
      animated: !isSwiping
    });
  },
  ITEM: function ITEM(isSlider, selected) {
    return classNames({
      thumb: !isSlider,
      'Yep-slide': isSlider,
      selected: selected
    });
  },
  DOT: function DOT(selected) {
    return classNames({
      'Yep-dot': true,
      selected: selected
    });
  }
};