@antmjs/vantui/es/waterfall-flow/demo/demo1.js

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

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
/* eslint-disable */
import react from 'react';
import { View, Text } from '@tarojs/components';
import { WaterfallFlow } from '@antmjs/vantui';
import * as COMMON from './common';
import { jsx as _jsx } from "react/jsx-runtime";
export default function Demo() {
  var genTextData = COMMON.genTextData;
  var _react$useState = react.useState(genTextData('text_')),
    _react$useState2 = _slicedToArray(_react$useState, 1),
    list = _react$useState2[0];
  var renderItem = function renderItem(item) {
    return /*#__PURE__*/_jsx(View, {
      style: {
        background: '#EEE'
      },
      children: /*#__PURE__*/_jsx(Text, {
        children: item.content
      })
    });
  };
  return /*#__PURE__*/_jsx(WaterfallFlow, {
    dataSource: list,
    columnNum: 3,
    gutter: 4,
    renderItem: renderItem
  });
}