keduchi

刻度尺： vue3 版本

有问题或建议，请联系 [e-mail]

1. 安装

   npm install keduchi --save
   

2. 在界面中导入该组件

   import Keduchi from "Keduchi"

3. 使用

   <Keduchi 上面有很多可选属性...></Keduchi>

4. 属性介绍

   height: number 默认 || 50, //刻度尺高度
   maxScale: number 默认 300, //最大刻度
   startValue: number 默认 200, //刻度开始的初始值
   region: array[number , number] 默认[50 , 220] //选择刻度的区间范围
   background: string 默认 "#ffa43c", //刻度尺背景色
   color: string 默认 "#fff", //刻度线和字体的颜色
   markColor: string 默认 "#3786db", //中心刻度标记颜色
   isConstant: boolean 默认 true, //是否不断地获取值
   onChange: callback(参数:选中的值)

5. 测试代码

<template>
    <div>
        <h1>我是测试界面11111</h1>

        <Keduchi :onChange="xxx"></Keduchi>
    </div>
</template>

<script setup>

    import Keduchi from "Keduchi"

    function xxx(cc) {
        console.log("2222" , cc)
    }



</script>