@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
46 lines • 1.65 kB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
/* eslint-disable */
import react from 'react';
import { View, Image as TaroImage, Text } from '@tarojs/components';
import { WaterfallFlow } from '@antmjs/vantui';
import * as COMMON from './common';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
export default function Demo() {
var mockGoods = COMMON.mockGoods;
var _react$useState = react.useState(mockGoods()),
_react$useState2 = _slicedToArray(_react$useState, 1),
list = _react$useState2[0];
var renderItem = function renderItem(item, forceResize) {
return /*#__PURE__*/_jsx(View, {
className: "van-demo-goods-item-wrapper",
children: /*#__PURE__*/_jsxs(View, {
className: "van-demo-goods-item",
children: [/*#__PURE__*/_jsx(TaroImage, {
src: item.image,
className: "img",
onLoad: forceResize // 当图片加载完成时触发forceResize
}), /*#__PURE__*/_jsx(View, {
className: "title",
children: item.title
}), item.isCutPrice && /*#__PURE__*/_jsx(Text, {
className: "cutPrice",
children: "\u6700\u8FD1\u5927\u964D\u4EF7"
}), /*#__PURE__*/_jsx(View, {
className: "price",
children: item.price
})]
})
});
};
return /*#__PURE__*/_jsx(_Fragment, {
children: /*#__PURE__*/_jsx(WaterfallFlow, {
dataSource: list,
columnNum: 2,
gutter: 8,
renderItem: renderItem,
calculationDelay: 1000
})
});
}