@antmjs/vantui/lib/image/demo/demo2.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: "100px",
        fit: "contain",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "contain"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "100px",
        fit: "cover",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "cover"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "100px",
        fit: "fill",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "fill"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "100px",
        fit: "none",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "none"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "100px",
        fit: "widthFix",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "widthFix"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Col, {
      span: "8",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Image, {
        width: "100%",
        height: "100px",
        fit: "heightFix",
        src: "https://img.yzcdn.cn/vant/cat.jpeg"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        children: "heightFix"
      })]
    })]
  });
}