@antmjs/vantui/es/tab/demo/demo2.js

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

import { Tabs, Tab, Toast } 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(Tabs, {
    active: 1,
    onChange: function onChange(e) {
      return Toast.show({
        message: e.detail.name,
        selector: '#tabs-demo1'
      });
    },
    children: [/*#__PURE__*/_jsx(Tab, {
      title: "\u6807\u7B7E 1",
      children: "\u5185\u5BB9 1"
    }), /*#__PURE__*/_jsx(Tab, {
      title: "\u6807\u7B7E 2",
      children: "\u5185\u5BB9 2"
    }), /*#__PURE__*/_jsx(Tab, {
      title: "\u6807\u7B7E 3",
      children: "\u5185\u5BB9 3"
    }), /*#__PURE__*/_jsx(Tab, {
      title: "\u6807\u7B7E 4",
      children: "\u5185\u5BB9 4"
    }), /*#__PURE__*/_jsx(Toast, {
      id: "tabs-demo1"
    })]
  });
}