zxm-ruler-picker 中文文档教程

发布于 2年前 浏览 22 更新于 2年前

安装

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
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文