请问 unocss 中如何简化 background-image: url('xx')

你可以定义一个 rule，

// unocss.config.js
import { defineConfig } from 'unocss'

export default defineConfig({
  rules: [
    [/^bg-img-\[(.+)\]$/, ([, value]) => {
      // 替换下划线为正常的路径分隔符
      const path = value.replace(/_/g, '/');
      return { 'background-image': `url(${path})` };
    }],
  ],
})

用的时候：

<div class="bg-img-[/images/my-background.png]"></div>