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

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

import { View } from '@tarojs/components';
import { Row, Col, Image, Loading } from '@antmjs/vantui';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
  return /*#__PURE__*/_jsxs(Row, {
    gutter: "20",
    children: [/*#__PURE__*/_jsxs(Col, {
      span: "8",
      children: [/*#__PURE__*/_jsx(Image, {
        width: "100%",
        height: "27vw",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/_jsx(View, {
        className: "text",
        children: "\u9ED8\u8BA4\u63D0\u793A"
      })]
    }), /*#__PURE__*/_jsxs(Col, {
      span: "8",
      children: [/*#__PURE__*/_jsx(Image, {
        src: "",
        width: "100%",
        height: "27vw",
        renderLoading: /*#__PURE__*/_jsx(Loading, {
          type: "spinner",
          size: "20",
          vertical: true
        })
      }), /*#__PURE__*/_jsx(View, {
        className: "text",
        children: "\u81EA\u5B9A\u4E49\u63D0\u793A"
      })]
    })]
  });
}