diff --git a/packages/core/src/utils.ts b/packages/core/src/utils.ts index 00373691..cf1000c8 100644 --- a/packages/core/src/utils.ts +++ b/packages/core/src/utils.ts @@ -51,7 +51,7 @@ export const style2Obj = (style: string) => { export const fillBackgroundImage = (value: string) => { if (value && !/^url/.test(value) && !/^linear-gradient/.test(value)) { - return `url(${value})`; + return `url("${value}")`; } return value; }; diff --git a/packages/core/tests/utils.spec.ts b/packages/core/tests/utils.spec.ts index a5105fff..9a93b243 100644 --- a/packages/core/tests/utils.spec.ts +++ b/packages/core/tests/utils.spec.ts @@ -50,7 +50,7 @@ describe('style2Obj', () => { describe('fillBackgroundImage', () => { test('裸路径会包裹 url()', () => { - expect(fillBackgroundImage('a.png')).toBe('url(a.png)'); + expect(fillBackgroundImage('a.png')).toBe('url("a.png")'); }); test('已经是 url() 不重复包裹', () => { @@ -127,7 +127,7 @@ describe('transformStyle', () => { test('backgroundImage: browser 下补全 url()', () => { expect(transformStyle({ backgroundImage: 'a.png' }, 'browser')).toEqual({ - backgroundImage: 'url(a.png)', + backgroundImage: 'url("a.png")', }); });