yl-view/components/yl-notice-bar/props.js

一个基于uniapp的ui框架

export default {
	props: {
		// 显示的内容，数组
		text: {
		    type: [Array, String],
		    default: () => []
		},
		// text为对象数组时取值属性
		propKey: {
			type: String
		},
		// 通告滚动模式，row-横向滚动，column-竖向滚动
		direction: {
		    type: String,
		    default: 'column'
		},
		// direction = row时，是否使用步进形式滚动
		step: {
		    type: Boolean,
		    default: false
		},
		// 是否显示左侧的图标
		icon: {
		    type: Boolean,
		    default: true
		},
		// 通告模式，link-显示右箭头，closable-显示右侧关闭图标
		mode: {
		    type: String,
		    default: ''
		},
		// 文字颜色，各图标也会使用文字颜色
		color: {
		    type: String,
		},
		// 背景颜色
		bgColor: {
		    type: String,
		},
		// 水平滚动时的滚动速度，即每秒滚动多少px(px)，这有利于控制文字无论多少时，都能有一个恒定的速度
		speed: {
		    type: [String, Number],
		    default: 80
		},
		// 字体大小
		fontSize: {
		    type: [String, Number],
		    default: 28
		},
		// 滚动一次动画时间
		duration: {
		    type: [String, Number],
		    default: 1000
		},
		// 滚动一个周期的时间长，单位ms
		interval: {
			type: [String, Number],
			default: 2000
		},
		// 是否禁止用手滑动切换
		// 目前HX2.6.11，只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序
		disableTouch: {
		    type: Boolean,
		    default: true
		},
		// 通知栏高度，单位rpx
		height: {
			type: [String, Number],
			default: 60
		},
		// 无数据时提示文字
		noDataText: {
			type: String,
			default: '暂无数据'
		},
	}
}