153 lines
3.4 KiB
JavaScript
153 lines
3.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
||
const spacing = () => {
|
||
let spacArr = {};
|
||
for (let i = 0; i <= 375; i++) {
|
||
spacArr[2 * i] = 2 * i + "rpx";
|
||
}
|
||
spacArr = {
|
||
...spacArr,
|
||
"100vh": "100vh",
|
||
main: "1220rpx",
|
||
"30b": "-30rpx",
|
||
};
|
||
return spacArr;
|
||
};
|
||
module.exports = {
|
||
content: [
|
||
// 添加你需要提取的文件目录
|
||
"components/**/*.{wxml,js,ts}",
|
||
"pages/**/*.{wxml,js,ts}",
|
||
// 不要使用下方的写法，这会导致 vite 开发时监听文件数量爆炸
|
||
// '**/*.{js,ts,wxml}', '!node_modules/**', '!dist/**'
|
||
],
|
||
theme: {
|
||
fontSize: {
|
||
8: "8rpx",
|
||
10: "10rpx",
|
||
12: "12rpx",
|
||
14: "14rpx",
|
||
16: "16rpx",
|
||
18: "18rpx",
|
||
20: "20rpx",
|
||
22: "22rpx",
|
||
24: "24rpx",
|
||
26: "26rpx",
|
||
28: "28rpx",
|
||
30: "30rpx",
|
||
32: "32rpx",
|
||
36: "36rpx",
|
||
40: "40rpx",
|
||
48: "48rpx",
|
||
64: "64rpx",
|
||
80: "80rpx",
|
||
100: "100rpx",
|
||
128: "128rpx",
|
||
},
|
||
fontWeight: {
|
||
// font-100
|
||
100: 100,
|
||
200: 200,
|
||
300: 300,
|
||
normal: 400,
|
||
400: 400,
|
||
500: 500,
|
||
600: 600,
|
||
700: 700,
|
||
800: 800,
|
||
900: 900,
|
||
},
|
||
lineHeight: {
|
||
// leading-40
|
||
40: "40rpx",
|
||
1: 1,
|
||
1.2: 1.2,
|
||
1.3: 1.3,
|
||
1.4: 1.4,
|
||
1.8: 1.8,
|
||
2: 2,
|
||
},
|
||
borderWidth: {
|
||
// border-0
|
||
default: "2rpx",
|
||
0: "0",
|
||
2: "2rpx",
|
||
4: "4rpx",
|
||
6: "6rpx",
|
||
8: "8rpx",
|
||
10: "10rpx",
|
||
12: "12rpx",
|
||
14: "14rpx",
|
||
16: "16rpx",
|
||
18: "18rpx",
|
||
20: "20rpx",
|
||
},
|
||
borderRadius: {
|
||
// rounded-4
|
||
main: "10rpx",
|
||
0: "0rpx",
|
||
4: "4rpx",
|
||
6: "6rpx",
|
||
8: "8rpx",
|
||
12: "12rpx",
|
||
16: "16rpx",
|
||
20: "20rpx",
|
||
24: "24rpx",
|
||
28: "28rpx",
|
||
32: "32rpx",
|
||
40: "40rpx",
|
||
46: "46rpx",
|
||
48: "48rpx",
|
||
full: "1000rpx",
|
||
},
|
||
backgroundSize: {
|
||
full: "100% 100%",
|
||
},
|
||
spacing: { ...spacing(), main: "28rpx" },
|
||
extend: {
|
||
colors: {
|
||
search: "rgba(234, 234, 234, 0.75)",
|
||
main: "#F9637B",
|
||
fff: "#fff",
|
||
FF477C: "#FF477C",
|
||
f0f0f0: "#f0f0f0",
|
||
FF0049: "#FF0049",
|
||
522235: "#522235",
|
||
"1c1c1e": "#1c1c1e",
|
||
"2F3034": "#2F3034",
|
||
FF313B: "#FF313B",
|
||
"57C541": "#57C541",
|
||
373737: "#373737",
|
||
"272A30": "#272A30",
|
||
"000": "#000",
|
||
"000-6": "rgba(0,0,0,.6)",
|
||
"fff-8": "rgba(255, 255, 255, .8)",
|
||
"fff-25": "rgba(255, 255, 255, 0.25)",
|
||
"fff-10": "rgba(255, 255, 255, 0.1)",
|
||
353535: "#353535",
|
||
"6B6B6B": "#6B6B6B",
|
||
"pay-line": "rgba(142,142,142,0.25)",
|
||
707070: "#707070",
|
||
"8E8E8E": "#8E8E8E",
|
||
D9D9D9: "#D9D9D9",
|
||
"200-95": "rgba(200, 200, 200, 0.95)",
|
||
secondary: {
|
||
"000": "linear-gradient(red, yellow, blue)",
|
||
},
|
||
},
|
||
zIndex: {
|
||
"1b": "-1",
|
||
2: 2,
|
||
9999: 9999,
|
||
10000: 10000,
|
||
},
|
||
},
|
||
},
|
||
// 假如你使用 ts 模板，则可以使用下方的配置
|
||
// content: ['miniprogram/**/*.{ts,js,wxml}'],
|
||
corePlugins: {
|
||
// 小程序不需要 preflight 和 container，因为这主要是给 h5 的，如果你要同时开发小程序和 h5 端，你应该使用环境变量来控制它
|
||
preflight: false,
|
||
container: false,
|
||
},
|
||
};
|