@antmjs/vantui/lib/icon/demo/demo1.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)(_components.View, {
    style: {
      overflow: 'hidden'
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "demo-block__title",
        children: "\u57FA\u672C\u7528\u6CD5"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "32px",
          className: "icon"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "https://b.yzcdn.cn/vant/icon-demo-1126.png",
          size: "32px",
          className: "icon"
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "demo-block__title",
        children: "\u63D0\u793A\u4FE1\u606F"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "32px",
          className: "icon",
          dot: true
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "32px",
          className: "icon",
          info: "9"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "32px",
          className: "icon",
          info: "99+"
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "demo-block__title",
        children: "\u56FE\u6807\u989C\u8272"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          color: "#1989fa",
          name: "chat-o",
          size: "32px",
          className: "icon"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          color: "#07c160",
          name: "chat-o",
          size: "32px",
          className: "icon"
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "demo-block__title",
        children: "\u56FE\u6807\u5927\u5C0F"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "40",
          className: "icon"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "chat-o",
          size: "3rem",
          className: "icon"
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Row, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
        className: "demo-block__title",
        children: "\u81EA\u5B9A\u4E49\u56FE\u6807"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "demo1",
          classPrefix: "page-icon",
          size: "40px"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "demo2",
          classPrefix: "page-icon",
          size: "40px"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Col, {
        className: "col",
        span: "6",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Icon, {
          name: "demo3",
          classPrefix: "page-icon",
          size: "40px"
        })
      })]
    })]
  });
}