UNPKG

@antmjs/vantui

Version:

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

50 lines 1.34 kB
import _slicedToArray from "@babel/runtime/helpers/slicedToArray"; /* eslint-disable */ import react from 'react'; import { View } from '@tarojs/components'; import { Cell, ShareSheet, Toast } from '@antmjs/vantui'; import { jsx as _jsx } from "react/jsx-runtime"; import { jsxs as _jsxs } from "react/jsx-runtime"; var options = [[{ name: '微信', icon: 'wechat' }, { name: '微博', icon: 'weibo' }, { name: 'QQ', icon: 'qq' }], [{ name: '复制链接', icon: 'link' }, { name: '分享海报', icon: 'poster' }, { name: '二维码', icon: 'qrcode' }]]; export default function Demo() { var _react$useState = react.useState(false), _react$useState2 = _slicedToArray(_react$useState, 2), show = _react$useState2[0], setShow = _react$useState2[1]; return /*#__PURE__*/_jsxs(View, { children: [/*#__PURE__*/_jsx(Cell, { title: "\u663E\u793A\u5206\u4EAB\u9762\u677F", onClick: function onClick() { return setShow(true); } }), /*#__PURE__*/_jsx(ShareSheet, { show: show, title: "\u7ACB\u5373\u5206\u4EAB\u7ED9\u597D\u53CB", options: options, onSelect: function onSelect(e) { return Toast.show(e.detail.name); }, onClose: function onClose() { return setShow(false); } }), /*#__PURE__*/_jsx(Toast, {})] }); }