@antmjs/vantui/es/default-props/demo/demo1.js

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

import { View, Text } from '@tarojs/components';
import { useEffect } from 'react';
import { DefaultProps, Empty, Icon, Image } from '@antmjs/vantui';

// 建议在入口文件使用, 如果在单独页面使用个性化处理，在离开页面时还原defaultProps
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var originProps = DefaultProps.set({
  Image: {
    renderError: /*#__PURE__*/_jsx(Icon, {
      name: "smile-o",
      size: "52px"
    }),
    style: {
      minHeight: '80px',
      minWidth: '80px'
    }
  },
  Empty: {
    description: '此处空空如也～～'
  }
});
export default function Demo() {
  // 小程序使用useHide
  useEffect(function () {
    return function () {
      DefaultProps.set(originProps);
    };
  });
  return /*#__PURE__*/_jsxs(View, {
    children: [/*#__PURE__*/_jsx(Text, {
      children: "\u56FE\u7247\u52A0\u8F7D\u9519\u8BEF\uFF1A"
    }), /*#__PURE__*/_jsx(Image, {
      src: ""
    }), /*#__PURE__*/_jsx(View, {
      children: "\u7A7A\u6570\u636E\u6587\u6848"
    }), /*#__PURE__*/_jsx(Empty, {})]
  });
}