在小程序中unocss不起作用
canyonwan opened this issue · 1 comments
canyonwan commented
liwenfengg commented
add unocss.config.ts
import {
defineConfig,
presetAttributify,
presetIcons,
// presetTypography,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'
import {
presetApplet,
presetRemToRpx,
transformerApplet,
transformerAttributify,
} from 'unocss-applet'
const isH5 = process.env.UNI_PLATFORM === 'h5'
export default defineConfig({
shortcuts: [
],
presets: [
presetIcons({
scale: 1.2,
warn: true,
extraProperties: {
'display': 'inline-block',
'vertical-align': 'middle',
},
}),
// https://github.com/unocss/unocss/tree/main/packages/preset-typography
// presetTypography(),
presetApplet({ enable: !isH5 }),
presetAttributify(),
presetRemToRpx({ enable: !isH5 }),
],
transformers: [
// https://github.com/unocss/unocss/tree/main/packages/transformer-directives
transformerDirectives(),
// https://github.com/unocss/unocss/tree/main/packages/transformer-variant-group
transformerVariantGroup(),
transformerAttributify(),
transformerApplet(),
],
rules: [
[
'p-safe',
{
padding:
'env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)',
},
],
['pt-safe', { 'padding-top': 'env(safe-area-inset-top)' }],
['pb-safe', { 'padding-bottom': 'env(safe-area-inset-bottom)' }],
],
})