代码拉取完成,页面将自动刷新
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
import distance from "./src/static/distance.json"
import color from "./src/static/color.json"
// 转换像素单位
const unit = 'px,em,rem,ex,ch,pt,%,vw,vh,pt,mm,cm,in,pc,cap'
const transformKeys = (obj) => {
let obj2 = {}
for (let key in obj) {
let str = obj[key].replace(/\d*/, '')
if (str && unit.includes(str)) {
obj2[key] = obj[key]
} else {
obj2[key] = obj[key] + 'px'
}
}
return obj2
}
const distanceObject = transformKeys(distance)
// 转换颜色
const colorArr = color
const colorFunc = (theme) => {
let obj = { ...theme('colors') }
for (const key in colorArr) {
if (colorArr[key] && typeof colorArr[key] == 'object') {
for (const colorKey in colorArr[key]) {
obj[key + '-' + colorKey] = colorArr[key][colorKey]
}
}
}
return obj
}
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
textColor: (theme) => {
return colorFunc(theme)
},
borderColor: (theme) => {
return colorFunc(theme)
},
backgroundColor: (theme) => {
return colorFunc(theme)
},
extend: {
spacing: {
...defaultTheme.spacing,
...distanceObject
}
},
},
plugins: [],
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。