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

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

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import { useState, useEffect } from 'react';
import { View } from '@tarojs/components';
import { Tabs, Tab } from '@antmjs/vantui';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
  var _useState = useState('1'),
    _useState2 = _slicedToArray(_useState, 2),
    tab = _useState2[0],
    setTab = _useState2[1];
  useEffect(function () {
    setTimeout(function () {
      setTab('3');
    }, 1000);
  }, []);
  return /*#__PURE__*/_jsx(View, {
    children: /*#__PURE__*/_jsxs(Tabs, {
      sticky: true,
      active: tab,
      ellipsis: false,
      children: [/*#__PURE__*/_jsx(Tab, {
        title: "\u6807\u7B7E 1",
        name: "1",
        children: "\u5185\u5BB9 1"
      }), /*#__PURE__*/_jsx(Tab, {
        title: "\u6807\u7B7E \uFF5E\uFF5E 2",
        name: "2",
        children: "\u5185\u5BB9 2"
      }), /*#__PURE__*/_jsx(Tab, {
        title: "\u6807\u7B7E 3",
        name: "3",
        children: "\u5185\u5BB9 3"
      }), /*#__PURE__*/_jsx(Tab, {
        title: "\u6807\u7B7E 4",
        name: "4",
        children: "\u5185\u5BB9 4"
      })]
    })
  });
}