54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
import { getIconCollections, iconsPlugin } from "@egoist/tailwindcss-icons";
|
|
import cssMacro from "weapp-tailwindcss/css-macro";
|
|
import { isMp } from "./platform";
|
|
|
|
export default <Config>{
|
|
content: ["./index.html", "./src/**/*.{html,js,ts,jsx,tsx,vue}"],
|
|
theme: {
|
|
extend: {
|
|
// colors: {
|
|
// // 你可以在这里进行颜色的扩展
|
|
// primary: {
|
|
// 'DEFAULT': 'var(--color-primary, #0089FF)',
|
|
// 'light-3': 'var(--color-primary-light-3, rgb(85, 199, 255))',
|
|
// 'light-5': 'var(--color-primary-light-5, rgb(130, 217, 255))',
|
|
// 'light-7': 'var(--color-primary-light-7, rgb(175, 235, 255))',
|
|
// 'light-9': 'var(--color-primary-light-9, rgb(219, 252, 255))',
|
|
// 'dark-2': 'var(--color-primary-dark-2, rgb(0, 135, 204))',
|
|
// },
|
|
// },
|
|
},
|
|
},
|
|
// https://tw.icebreaker.top/docs/quick-start/uni-app-css-macro
|
|
plugins: [
|
|
cssMacro({
|
|
variantsMap: {
|
|
wx: "MP-WEIXIN",
|
|
"-wx": {
|
|
value: "MP-WEIXIN",
|
|
negative: true,
|
|
},
|
|
// 定义多个条件判断
|
|
// mv: {
|
|
// value: 'H5 || MP-WEIXIN'
|
|
// },
|
|
// '-mv': {
|
|
// value: 'H5 || MP-WEIXIN',
|
|
// negative: true
|
|
// }
|
|
},
|
|
}),
|
|
iconsPlugin({
|
|
// 在这里可以选择你要使用的 icon, 更多详见:
|
|
// https://icon-sets.iconify.design/
|
|
collections: getIconCollections(["svg-spinners", "mdi"]),
|
|
}),
|
|
],
|
|
corePlugins: {
|
|
// 小程序去使用 h5 的 preflight 和响应式 container 没有意义
|
|
preflight: !isMp,
|
|
container: !isMp,
|
|
},
|
|
};
|