zxm-ruler-picker 中文文档教程
安装
yarn add zxm-ruler-picker
使用
// minScale: number; 最小刻度
// maxScale: number; 最大刻度
// initScale: number; 初始刻度
// defScale: number; 默认刻度(没有设 initScale,会使用 defScale)
// unit: string; 单位显示
// onChange: any; 刻度变化回调方法
// 注意 如果项目里使用了 postcss 需要忽略转换 zxm_rs 开头的 css 类名
import { Ruler } from 'zxm-ruler-picker'
function App() {
return (
<div>
<Ruler
minScale={0}
maxScale={100}
initScale={50}
unit={'cm'}
onChange={(value) => {
console.log('value', value);
}}
/>
</div>
);
}
export default App