可拖拽进度条、滑动条、评分条、movable-area

简介

• 使用 movable-area 实现可拖拽进度条、滑动条、评分条

• 具体使用可以跳转至 uniapp 插件地址 查看

Example

<template>
	<view>
		<yichan-movable-area />
	</view>
</template>
<script>
	import YiChanMovableArea from '../../components/yichan-movable-area/yichan-movable-area.vue';
	export default {
		components: {
			YiChanMovableArea
		},
	}
</script>

Props

属性名	类型	说明	默认值
min	Number	最小值	0
max	Number	最大值	0
defaultValue	Number	默认值	0
step	Number	步长(需要设置为正整数)	1
disabled	Boolean	是否禁用拖拽	false
delay	Number	进度条动画时间(单位 s)	0

Events

函数名	参数	返回值	说明
change	无	返回当前选择的数值	拖拽时触发
updateScore	score(Number 或者 String)	无	更新组件 score

Tips

• 1.可以在控制台查看异常报错，如：[yichan-movable-area] Invalid "defaultValue" value: 30."defaultValue" must be a multiple of "step". It has been reset to 30.
• 2.所有的提示都会以[yichan-movable-area]开头

如果有问题可以联系我：