@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
53 lines • 1.77 kB
JavaScript
/* eslint-disable */
import react from 'react';
import { View } from '@tarojs/components';
import { Toast, CountDown, Grid, GridItem } from '@antmjs/vantui';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
var it = react.useRef();
return /*#__PURE__*/_jsxs(View, {
children: [/*#__PURE__*/_jsx(Toast, {
id: "controlCountDown-mess"
}), /*#__PURE__*/_jsx(CountDown, {
onChange: function onChange(e) {
return console.info(e);
},
ref: it,
className: "controlCountDown",
millisecond: true,
time: 4000,
autoStart: false,
format: "ss:SSS",
onFinish: function onFinish() {
return Toast.show('end');
}
}), /*#__PURE__*/_jsxs(Grid, {
clickable: true,
columnNum: 3,
children: [/*#__PURE__*/_jsx(GridItem, {
text: "\u5F00\u59CB",
icon: "play-circle-o",
onClick: function onClick() {
var _it$current;
return (_it$current = it.current) === null || _it$current === void 0 ? void 0 : _it$current.start();
}
}), /*#__PURE__*/_jsx(GridItem, {
text: "\u6682\u505C",
icon: "pause-circle-o",
onClick: function onClick() {
var _it$current2;
return (_it$current2 = it.current) === null || _it$current2 === void 0 ? void 0 : _it$current2.pause();
}
}), /*#__PURE__*/_jsx(GridItem, {
text: "\u91CD\u7F6E",
icon: "replay",
onClick: function onClick() {
var _it$current3;
console.info(it);
(_it$current3 = it.current) === null || _it$current3 === void 0 ? void 0 : _it$current3.reset();
}
})]
})]
});
}