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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
  var _useState = (0, _react.useState)('1'),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    tab = _useState2[0],
    setTab = _useState2[1];
  (0, _react.useEffect)(function () {
    setTimeout(function () {
      setTab('3');
    }, 1000);
  }, []);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Tabs, {
      sticky: true,
      active: tab,
      ellipsis: false,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
        title: "\u6807\u7B7E 1",
        name: "1",
        children: "\u5185\u5BB9 1"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
        title: "\u6807\u7B7E \uFF5E\uFF5E 2",
        name: "2",
        children: "\u5185\u5BB9 2"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
        title: "\u6807\u7B7E 3",
        name: "3",
        children: "\u5185\u5BB9 3"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Tab, {
        title: "\u6807\u7B7E 4",
        name: "4",
        children: "\u5185\u5BB9 4"
      })]
    })
  });
}