@antmjs/vantui/es/icon/demo/demo4.js

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

import { Text, View } from '@tarojs/components';
import icons from '@vant/icons';
import { Col, Icon } from '@antmjs/vantui';
import * as computed from '../wxs';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
  return (
    /*#__PURE__*/
    //BFC 解决浮动盒子不撑开问题
    _jsx(View, {
      style: {
        overflow: 'hidden'
      },
      children: icons.filled.map(function (name, i) {
        return /*#__PURE__*/_jsxs(Col, {
          span: "6",
          style: {
            paddingTop: '20px',
            paddingBottom: '20px',
            height: '100px'
          },
          onClick: function onClick() {
            return computed.copyIcon(name);
          },
          children: [/*#__PURE__*/_jsx(Icon, {
            name: name,
            size: "32px"
          }), /*#__PURE__*/_jsx(Text, {
            style: {
              textAlign: 'center'
            },
            children: name
          })]
        }, i);
      })
    })
  );
}