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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
    gutter: "20",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "27vw",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "text",
        children: "\u9ED8\u8BA4\u63D0\u793A"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        src: "",
        width: "100%",
        height: "27vw",
        renderLoading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Loading, {
          type: "spinner",
          size: "20",
          vertical: true
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "text",
        children: "\u81EA\u5B9A\u4E49\u63D0\u793A"
      })]
    })]
  });
}