yl-view/components/yl-badge/props.js

一个基于uniapp的ui框架

export default {
	props: {
	    // 是否显示圆点
	    isDot: {
	        type: Boolean,
	        default: false
	    },
	    // 显示的内容
	    text: {
	        type: [Number, String],
	        default: ''
	    },
	    // 是否显示
	    show: {
	        type: Boolean,
	        default: true
	    },
	    // 最大值，超过最大值会显示 '{max}+'
	    max: {
	        type: [Number, String],
	        default: '999'
	    },
	    // 主题类型，error|warning|success|primary|info
	    themeType: {
	        type: String,
	        default: 'error'
	    },
	    // 背景颜色，优先级比type高，如设置，type参数会失效
	    bgColor: {
	        type: [String, null],
	        default: ''
	    },
	    // 字体颜色
	    color: {
	        type: [String, null],
	        default: ''
	    },
	    // 设置数字的显示方式，overflow|ellipsis|limit
	    // overflow会根据max字段判断，超出显示`${max}+`
	    // ellipsis会根据max判断，超出显示`${max}...`
	    // limit会依据1000作为判断条件，超出1000，显示`${text/1000}K`，比如2.2k、3.34w，最多保留2位小数
	    numberType: {
	        type: String,
	        default: ''
	    },
	    // 距定位角中心点的偏移量，[-10, -10] 表示向 position 指定的方向偏移 10px，[10, 10] 表示向 position 指定的反方向偏移 10px，与position 的值一一对应（例如：值为rightTop， 对应 offset 为 [right, Top]）
	    offset: {
	        type: Array,
	        default: () => ['100%',0]
	    },
	    // 是否反转背景和字体颜色
	    inverted: {
	        type: Boolean,
	        default: false
	    },
		// 徽标字体大小，单位rpx
		font: {
			type: [Number, String],
			default: ''
		},
	    // 开启绝对定位, 角标将定位到其包裹的标签的四个角上，可选值： rightTop(右上角)、rightBottom（右下角）、leftBottom（左下角） 、leftTop（左上角）
	    position: {
	        type: String,
	        default: 'leftTop'
	    }
	},
}