34 lines
994 B
TypeScript
34 lines
994 B
TypeScript
// uno.config.ts
|
||
import {
|
||
defineConfig,
|
||
presetAttributify,
|
||
presetIcons,
|
||
transformerDirectives,
|
||
transformerVariantGroup,
|
||
} from 'unocss'
|
||
|
||
import { presetUni } from '@uni-helper/unocss-preset-uni'
|
||
|
||
export default defineConfig({
|
||
presets: [
|
||
// @ts-expect-error 类型兼容性
|
||
presetUni(),
|
||
// 支持css class属性化，eg: `<button bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600" text="sm white">attributify Button</button>`
|
||
presetAttributify(),
|
||
// 支持图标，需要搭配图标库，eg: @iconify-json/carbon, 使用 `<button class="i-carbon-sun dark:i-carbon-moon" />`
|
||
presetIcons({
|
||
scale: 1.2,
|
||
warn: true,
|
||
extraProperties: {
|
||
display: 'inline-block',
|
||
'vertical-align': 'middle',
|
||
},
|
||
}),
|
||
],
|
||
transformers: [
|
||
transformerDirectives(),
|
||
// 支持css class组合，eg: `<div class="hover:(bg-gray-400 font-medium) font-(light mono)">测试 unocss</div>`
|
||
transformerVariantGroup(),
|
||
],
|
||
})
|