npm install @tangbin/theme临时主题库
TODO： 建立一套类似于 Element UI 的主题库功能
``shellnpm
npm install --save @tangbin/theme
Usage
主题库正在建设中，目前只有 light 系的主题
typescript
// 引入样式
import '@tangbin/theme/dist/light/normalize.less';
import '@tangbin/theme/dist/light/ant-design/index.less';
`less
// 使用变量
import '@tangbin/theme/dist/light/variables.less';
import '@tangbin/theme/dist/light/ant-design/variables.less';.test {
font-size: @font-size-12;
}
`$3
$3
通用样式
html
...
`#### Modal + Form（ant design 的弹出框+表单提交）
typescript
import React, { FC } from 'react';
import { Modal, Button, Form, Input, Select } from 'antd';const { Item } = Form;
const { TextArea } = Input;
const { Option } = Select;
const Index: FC = () => {
const [form] = Form.useForm();
return (
<>
// 请使用centered属性和600的宽度
// 请使用centered属性、width=740 & className=ant-modal-two-cols
// 请使用centered属性、width=1100 & className=ant-modal-three-cols
);
};
export default Index;
``