hy-app
Version:
fix: 修复text和tag换掉
129 lines (126 loc) • 3.45 kB
text/typescript
import type { SwiperList } from './typing'
import type { CSSProperties, PropType } from 'vue'
import type { SwiperEasingFunction } from '@uni-helper/uni-types'
const swiperProps = {
/** 轮播图数据 */
list: {
type: Array as PropType<string[] | SwiperList[]>,
default: () => []
},
/** list数组中指定对象的目标属性名 */
keyName: {
type: String,
default: 'url'
},
/** 是否显示面板指示器 */
indicator: {
type: Boolean,
default: false
},
/** 指示器非激活颜色 */
indicatorActiveColor: {
type: String,
default: '#FFFFFF'
},
/** 指示器的激活颜色 */
indicatorInactiveColor: {
type: String,
default: 'rgba(255, 255, 255, 0.35)'
},
/** 指示器样式,可通过bottom,left,right进行定位 */
indicatorStyle: Object as PropType<CSSProperties>,
/**
* 指示器模式
* @values line,dot
* */
indicatorMode: {
type: String,
default: 'line'
},
/** 是否自动切换 */
autoplay: {
type: Boolean,
default: true
},
/** 当前所在滑块的 index */
current: {
type: Number,
default: 0
},
/** 当前所在滑块的 item-id ,不能与 current 被同时指定 */
currentItemId: String,
/** 滑块自动切换时间间隔(ms) */
interval: {
type: Number,
default: 3000
},
/** 滑块切换过程所需时间(ms) */
duration: {
type: 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切换缓动动画类型, 只对微信小程序有效
* @values default,linear,easeInCubic,easeOutCubic,easeInOutCubic
* */
easingFunction: {
type: String,
default: 'default'
},
/** 图片的裁剪模式 */
imgMode: {
type: String,
default: 'aspectFill'
},
/** 组件高度 */
height: {
type: Number,
default: 130
},
/** 背景颜色 */
bgColor: {
type: String,
default: '#f3f4f6'
},
/** 组件圆角,数值或带单位的字符串 */
radius: {
type: [String, Number],
default: 4
},
/** 轮播图是否加载中数据 */
loading: {
type: Boolean,
default: false
},
/** 是否显示标题,要求数组对象中有title属性 */
showTitle: {
type: Boolean,
default: false
}
}
export default swiperProps