请问 unocss 中如何简化 background-image: url('xx')
如题，请问unocss中对应的类名吗？
4
收起
正在回答 回答被采纳积分+1
1回答
Brian
2024-03-08 14:34:35
你可以定义一个 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>
前端高级工程师-大前端
- 参与学习 324 人
- 解答问题 406 个
全新打造“技术成长&职业破局”双高体系，深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”，递进式锤炼思维与高阶技能，高效实现能力跃迁，助力成为“驾驭全局，深广兼备，打通多端全栈”的高级工程师
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星