@antmjs/vantui/es/slider/demo/demo7.js

一套适用于Taro3及React的vantui组件库

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
/* eslint-disable */
import react from 'react';
import { View } from '@tarojs/components';
import { Slider } from '@antmjs/vantui';
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
export default function Demo() {
  var _react$useState = react.useState(50),
    _react$useState2 = _slicedToArray(_react$useState, 2),
    value = _react$useState2[0],
    setValue = _react$useState2[1];
  return /*#__PURE__*/_jsx(Slider, {
    value: value,
    onDrag: function onDrag(e) {
      setValue(e.detail.value);
    },
    onChange: function onChange(e) {
      setValue(e.detail);
    },
    renderButton: /*#__PURE__*/_jsxs(View, {
      className: "customButton",
      children: [value, "/100"]
    })
  });
}