样式

全局样式

Vixt会将 app.css 选项列出的文件引入为全局样式

vixt.config.ts

import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({
  app: {
    css: ['@/style.css'],
  },
})

原子化样式

原子化样式由 unocss 提供支持

配置

建立uno.config.ts以配置unocss

uno.config.ts

import { defineConfig, presetAttributify, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetWind3(),
    presetAttributify(),
  ],
})

使用

UnoCSS

<div bg-gray text-white w-fit px-1 rd>UnoCSS</div>