|
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- /** @type {import('tailwindcss').Config} */
- module.exports = {
- //文件路径根据自己项目来定,可能是 ./src/**/*.{js,ts,jsx,tsx}
- // purge: ["./app/**/*.{js,jsx,vue}", "./app/index.html"],
- purge: ["./src/**/*.{js,ts,jsx,tsx,vue}", "./index.html"],
- darkMode: false, // or 'media' or 'class'
- theme: {
- backgroundColor: (theme) => ({
- ...theme("colors"),
- primary: "#1890ff",
- }),
- textColor: (theme) => ({
- ...theme("colors"),
- 'primary': '#1890ff',
- }),
- marginBottom: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- fontSize: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- fontWeight: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}`;
- return map;
- }, {}),
- // 内边距
- padding: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- // 外边距
- spacing: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- // 圆角
- borderRadius: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- extend: {
- // 宽度
- width: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- // 高度
- height: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- // 字体大小
- fontSize: Array.from({ length: 100 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- // 行高
- lineHeight: Array.from({ length: 1000 }).reduce((map, _, index) => {
- map[index] = `${index}px`;
- return map;
- }, {}),
- },
- },
- variants: {},
- plugins: [],
- };
|