tiny-vue/examples/sites/demos/apis/carousel.js

export default {
  mode: ['pc', 'mobile-first'],
  apis: [
    {
      name: 'carousel',
      type: 'component',
      props: [
        {
          name: 'arrow',
          type: 'string',
          defaultValue: "该属性的默认值为 'hover'",
          desc: {
            'zh-CN': '切换箭头的显示效果，该属性的可选值为 always / hover / never',
            'en-US': 'Switch the display effect of arrows,The optional values for this attribute are always/hover/never'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'up-down-carousel',
          mfDemo: ''
        },
        {
          name: 'aspect-ratio',
          type: 'String',
          defaultValue: '',
          desc: {
            'zh-CN': '宽高比，默认为16:2。',
            'en-US': 'Aspect ratio. The default value is 16:2.'
          },
          mode: ['mobile-first'],
          mfDemo: 'aspect-ratio'
        },
        {
          name: 'autoplay',
          type: 'boolean',
          defaultValue: '该属性的默认值为 false',
          desc: {
            'zh-CN': '是否自动切换',
            'en-US': 'Whether to automatically switch'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'autoplay',
          mfDemo: ''
        },
        {
          name: 'height',
          type: 'string',
          defaultValue: '',
          desc: {
            'zh-CN': '走马灯的高度',
            'en-US': 'The height of the lantern'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'indicator-trigger',
          mfDemo: ''
        },
        {
          name: 'indicator-position',
          type: 'string',
          defaultValue: '',
          desc: {
            'zh-CN': '指示器的位置。该属性的可选值为 outside / none',
            'en-US': 'The position of the indicator. The optional values for this attribute are outside/none'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'indicator-trigger',
          mfDemo: ''
        },
        {
          name: 'indicator-style',
          type: 'String',
          defaultValue: '该属性的可选值为 light/dark ，默认为light。',
          desc: {
            'zh-CN': '指示器的样式。',
            'en-US': 'The style of the indicator.'
          },
          mode: ['mobile-first'],
          mfDemo: 'indicator-style'
        },
        {
          name: 'initial-index',
          type: 'number',
          defaultValue: '该属性的默认值为 0',
          desc: {
            'zh-CN': '初始状态激活的幻灯片的索引，从 0 开始',
            'en-US': 'Index of slides activated in initial state, starting from 0'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'manual-play',
          mfDemo: ''
        },
        {
          name: 'interval',
          type: 'number',
          defaultValue: '该属性的默认值为 3000',
          desc: {
            'zh-CN': '自动切换的时间间隔，单位为毫秒',
            'en-US': 'The time interval for automatic switching, in milliseconds'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'play-interval',
          mfDemo: ''
        },
        {
          name: 'loop',
          type: 'boolean',
          defaultValue: '该属性的默认值为 true',
          desc: {
            'zh-CN': '是否循环显示',
            'en-US': 'Whether to display in a loop'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'close-loop',
          mfDemo: ''
        },
        {
          name: 'show-title',
          type: 'boolean',
          defaultValue: '该属性的默认值为 false',
          desc: {
            'zh-CN': '是否显示标题',
            'en-US': 'Is the title displayed'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'show-title',
          mfDemo: ''
        },
        {
          name: 'trigger',
          type: 'string',
          defaultValue: "该属性的默认值为 'hover'",
          desc: {
            'zh-CN': '指示器的触发方式，默认为 hover。该属性的可选值为 click',
            'en-US':
              'The triggering method of the indicator is hover by default. The optional value for this attribute is click'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'indicator-trigger',
          mfDemo: ''
        },
        {
          name: 'type',
          type: 'string',
          defaultValue: "该属性的默认值为 'horizontal'",
          desc: {
            'zh-CN': '走马灯的类型，该属性的可选值为 horizontal / vertical / card',
            'en-US': 'The type of horse lantern,The optional values for this attribute are horizontal/vertical/card'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'card-mode',
          mfDemo: ''
        }
      ],
      events: [
        {
          name: 'change',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '幻灯片切换时触发',
            'en-US': 'Trigger during slide transition'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'carousel-events',
          mfDemo: ''
        }
      ],
      methods: [
        {
          name: 'next',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '切换至下一张幻灯片',
            'en-US': 'Switch to the next slide'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'manual-play',
          mfDemo: ''
        },
        {
          name: 'prev',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '切换至上一张幻灯片',
            'en-US': 'Switch to the previous slide'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'manual-play',
          mfDemo: ''
        },
        {
          name: 'setActiveItem',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '手动切换幻灯片',
            'en-US': 'Manually switch slides'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'manual-play',
          mfDemo: ''
        }
      ],
      slots: [
        {
          name: 'default',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '默认插槽',
            'en-US': 'Default slot'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'manual-play',
          mfDemo: ''
        }
      ]
    },
    {
      name: 'carousel-item',
      type: 'component',
      props: [
        {
          name: 'name',
          type: 'string',
          defaultValue: '',
          desc: {
            'zh-CN': '幻灯片名称',
            'en-US': 'Slide Name'
          },
          mode: ['pc'],
          pcDemo: 'manual-play'
        },
        {
          name: 'title',
          type: 'string',
          defaultValue: '',
          desc: {
            'zh-CN': '幻灯片标题',
            'en-US': 'Slide Title'
          },
          mode: ['pc'],
          pcDemo: 'show-title'
        }
      ],
      events: [],
      methods: [],
      slots: [
        {
          name: 'default',
          defaultValue: '',
          desc: {
            'zh-CN': '默认插槽',
            'en-US': 'Default slot'
          },
          mode: ['pc'],
          pcDemo: 'manual-play'
        }
      ]
    }
  ]
}