front/uni_modules/uview-next/components/u-swiper/props.js

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('swiper', {
    // 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
    list: {
        type: Array,
       default: () => []
    },
    // 是否显示面板指示器
    indicator: {
        type: Boolean,
        default: false
    },
    // 指示器非激活颜色
    indicatorActiveColor: {
        type: String,
        default: '#FFFFFF'
    },
    // 指示器的激活颜色
    indicatorInactiveColor: {
        type: String,
        default: 'rgba(255, 255, 255, 0.35)'
    },
    // 指示器样式，可通过bottom，left，right进行定位
    indicatorStyle: {
        type: [String, Object],
        default: ''
    },
    // 指示器模式，line-线型，dot-点型
    indicatorMode: {
        type: String,
        default: 'line'
    },
    // 是否自动切换
    autoplay: {
        type: Boolean,
        default: true
    },
    // 当前所在滑块的 index
    current: {
        type: [String, Number],
        default: 0
    },
    // 当前所在滑块的 item-id ，不能与 current 被同时指定
    currentItemId: {
        type: String,
        default: ''
    },
    // 滑块自动切换时间间隔
    interval: {
        type: [String, Number],
        default: 3000
    },
    // 滑块切换过程所需时间
    duration: {
        type: [String, Number],
        default: 300
    },
    // 播放到末尾后是否重新回到开头
    circular: {
        type: Boolean,
        default: false
    },
    // 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
    previousMargin: {
        type: [String, Number],
        default: 0
    },
    // 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
    nextMargin: {
        type: [String, Number],
        default: 0
    },
    // 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
    acceleration: {
        type: Boolean,
        default: false
    },
    // 同时显示的滑块数量，nvue、支付宝小程序不支持
    displayMultipleItems: {
        type: Number,
        default: 1
    },
    // 指定swiper切换缓动动画类型，有效值：default、linear、easeInCubic、easeOutCubic、easeInOutCubic
    // 只对微信小程序有效
    easingFunction: {
        type: String,
        default: 'default'
    },
    // list数组中指定对象的目标属性名
    keyName: {
        type: String,
        default: 'url'
    },
    // 图片的裁剪模式
    imgMode: {
        type: String,
        default: 'aspectFill'
    },
    // 组件高度
    height: {
        type: [String, Number],
        default: 130
    },
    // 背景颜色
    bgColor: {
        type: String,
        default: theme.bgColor
    },
    // 组件圆角，数值或带单位的字符串
    radius: {
        type: [String, Number],
        default: 4
    },
    // 是否加载中
    loading: {
        type: Boolean,
        default: false
    },
    // 是否显示标题，要求数组对象中有title属性
    showTitle: {
        type: Boolean,
        default: false
    }
})