From 9d9919ca7e9d05fb91577b7511fece2803f7eaba Mon Sep 17 00:00:00 2001 From: zhangzhen <525765282@qq.com> Date: Wed, 16 Nov 2022 10:26:50 +0800 Subject: [PATCH] svg引用路径修改 --- src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue | 26 +++++++++++++------------- src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue | 24 ++++++++++++------------ 2 files changed, 25 insertions(+), 25 deletions(-) diff --git a/src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue b/src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue index 11d13a4..5375189 100644 --- a/src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue +++ b/src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue @@ -71,32 +71,32 @@ export default { } .div_Style_1 { - background: url("../../../../../assets/images/widget/decorate1.svg") center no-repeat; + background: url("~@/assets/images/widget/decorate1.svg") center no-repeat; background-size: 100% 100%; } .div_Style_2 { - background: url("../../../../../assets/images/widget/decorate2.svg") center no-repeat; + background: url("~@/assets/images/widget/decorate2.svg") center no-repeat; background-size: 100% 100%; } .div_Style_3 { - background: url("../../../../../assets/images/widget/decorate3.svg") no-repeat; + background: url("~@/assets/images/widget/decorate3.svg") no-repeat; background-size: 100% 100%; } .div_Style_4 { - background: url("../../../../../assets/images/widget/decorate4.svg") center no-repeat; + background: url("~@/assets/images/widget/decorate4.svg") center no-repeat; background-size: 10px 100%; } .div_Style_5 { - background: url("../../../../../assets/images/widget/decorate5.svg") no-repeat; + background: url("~@/assets/images/widget/decorate5.svg") no-repeat; background-size: 100% 100%; } .div_Style_6 { - background: url("../../../../../assets/images/widget/decorate6.svg") no-repeat; + background: url("~@/assets/images/widget/decorate6.svg") no-repeat; background-size: 100% 100%; } @@ -114,37 +114,37 @@ export default { .div_Style_7_1 { width: 20px; height: 20px; - background: url("../../../../../assets/images/widget/decorate7_1.svg") no-repeat; + background: url("~@/assets/images/widget/decorate7_1.svg") no-repeat; background-size: 100% 100%; } .div_Style_7_2 { width: 20px; height: 20px; - background: url("../../../../../assets/images/widget/decorate7_2.svg") no-repeat; + background: url("~@/assets/images/widget/decorate7_2.svg") no-repeat; background-size: 100% 100%; } .div_Style_8 { height: 100%; - background: url("../../../../../assets/images/widget/decorate8.svg") no-repeat; + background: url("~@/assets/images/widget/decorate8.svg") no-repeat; background-size: 100% 100%; } .div_Style_9 { - background: url("../../../../../assets/images/widget/decorate9.svg") no-repeat; + background: url("~@/assets/images/widget/decorate9.svg") no-repeat; background-size: 100% 100%; } .div_Style_10 { width: 100%; - background: url("../../../../../assets/images/widget/decorate10.svg") center no-repeat; + background: url("~@/assets/images/widget/decorate10.svg") center no-repeat; background-size: 100% auto; } .div_Style_11 { width: 100%; - background: url("../../../../../assets/images/widget/decorate11.svg") no-repeat; + background: url("~@/assets/images/widget/decorate11.svg") no-repeat; background-size: 100% 100%; display: flex; align-items: center; @@ -157,7 +157,7 @@ export default { } .div_Style_12 { - background: url("../../../../../assets/images/widget/decorate12.svg") no-repeat; + background: url("~@/assets/images/widget/decorate12.svg") no-repeat; background-size: 100% 100%; } diff --git a/src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue b/src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue index 1407988..c833713 100644 --- a/src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue +++ b/src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue @@ -107,7 +107,7 @@ export default { position: absolute; width: 6em; height: 6em; - background: url("../../../../../assets/images/widget/div1.svg") no-repeat; + background: url("~@/assets/images/widget/div1.svg") no-repeat; background-size: 100% 100%; } @@ -136,45 +136,45 @@ export default { } .div_Style_2 { - background: url("../../../../../assets/images/widget/div2.svg") no-repeat; + background: url("~@/assets/images/widget/div2.svg") no-repeat; background-size: 100% 100%; } .div_Style_3 { - background: url("../../../../../assets/images/widget/div3.svg") no-repeat; + background: url("~@/assets/images/widget/div3.svg") no-repeat; background-size: 100% 100%; } .div_Style_4 { - background: url("../../../../../assets/images/widget/div4.svg") no-repeat; + background: url("~@/assets/images/widget/div4.svg") no-repeat; background-size: 100% 100%; } .div_Style_5 { - background: url("../../../../../assets/images/widget/div5.svg") no-repeat; + background: url("~@/assets/images/widget/div5.svg") no-repeat; background-size: 100% 100%; } .div_Style_6 { - background: url("../../../../../assets/images/widget/div6.svg") no-repeat; + background: url("~@/assets/images/widget/div6.svg") no-repeat; background-size: 100% 100%; } .div_Style_7 { box-shadow: rgb(131, 191, 246) 0px 0px 40px inset; border: 1px solid rgb(131, 191, 246); - background: url("../../../../../assets/images/widget/div7.svg") no-repeat; + background: url("~@/assets/images/widget/div7.svg") no-repeat; background-size: 100% 100%; } .div_Style_8 { height: 100%; - background: url("../../../../../assets/images/widget/div8.svg") no-repeat; + background: url("~@/assets/images/widget/div8.svg") no-repeat; background-size: 100% 100%; } .div_Style_9 { - background: url("../../../../../assets/images/widget/div9.svg") no-repeat; + background: url("~@/assets/images/widget/div9.svg") no-repeat; background-size: 100% 100%; } @@ -186,7 +186,7 @@ export default { position: absolute; width: 6em; height: 6em; - background: url("../../../../../assets/images/widget/div10.svg") no-repeat; + background: url("~@/assets/images/widget/div10.svg") no-repeat; background-size: 100% 100%; } @@ -216,12 +216,12 @@ export default { .div_Style_11 { width: 100%; - background: url("../../../../../assets/images/widget/div11.svg") no-repeat; + background: url("~@/assets/images/widget/div11.svg") no-repeat; background-size: 100% 100%; } .div_Style_12 { - background: url("../../../../../assets/images/widget/div12.svg") no-repeat; + background: url("~@/assets/images/widget/div12.svg") no-repeat; background-size: 100% 100%; } -- libgit2 0.22.2