mt-ui-components-vue3/es/Tabs/style/index.style.js

玛果添实UI组件库(Vue3)

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
// import { createStyles } from "antd-style";
import "ant-design-vue";
import { genComponentStyleHook } from "ant-design-vue/es/theme/internal";
var useStyles = function useStyles(token) {
  var _componentCls;
  var componentCls = token.componentCls,
    antCls = token.antCls;
  console.log('-------token---', token, antCls);
  return _defineProperty({}, componentCls, (_componentCls = {
    "center-extra-coontent": {
      overflow: "hidden"
    }
  }, _defineProperty(_componentCls, "".concat(antCls, "-tabs-tab"), {
    borderRadius: "6px 6px 0px 0px",
    border: "none",
    marginLeft: "4px",
    backgroundColor: "#F3F4F4",
    borderBottom: "1px solid  ".concat(token.colorPrimary),
    padding: "6px 12px"
  }), _defineProperty(_componentCls, "".concat(antCls, "-tabs-tab-btn"), {
    fontSize: "16px"
  }), _defineProperty(_componentCls, "".concat(antCls, "-tabs-nav"), {
    "&:before": {
      borderBottom: "1px solid  ".concat(token.colorPrimary),
      zIndex: "1",
      fontSize: "16px"
    }
  }), _defineProperty(_componentCls, "".concat(antCls, "-tabs-tab-active"), {
    backgroundColor: token.colorPrimary
  }), _componentCls));
};
// export default useStyles;
export default genComponentStyleHook('Tabs', function (token) {
  return [useStyles(token)];
});