Commit 9d9919ca7e9d05fb91577b7511fece2803f7eaba
1 parent
ec87c99d
svg引用路径修改
Showing
2 changed files
with
25 additions
and
25 deletions
src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue
| @@ -71,32 +71,32 @@ export default { | @@ -71,32 +71,32 @@ export default { | ||
| 71 | } | 71 | } |
| 72 | 72 | ||
| 73 | .div_Style_1 { | 73 | .div_Style_1 { |
| 74 | - background: url("../../../../../assets/images/widget/decorate1.svg") center no-repeat; | 74 | + background: url("~@/assets/images/widget/decorate1.svg") center no-repeat; |
| 75 | background-size: 100% 100%; | 75 | background-size: 100% 100%; |
| 76 | } | 76 | } |
| 77 | 77 | ||
| 78 | .div_Style_2 { | 78 | .div_Style_2 { |
| 79 | - background: url("../../../../../assets/images/widget/decorate2.svg") center no-repeat; | 79 | + background: url("~@/assets/images/widget/decorate2.svg") center no-repeat; |
| 80 | background-size: 100% 100%; | 80 | background-size: 100% 100%; |
| 81 | } | 81 | } |
| 82 | 82 | ||
| 83 | .div_Style_3 { | 83 | .div_Style_3 { |
| 84 | - background: url("../../../../../assets/images/widget/decorate3.svg") no-repeat; | 84 | + background: url("~@/assets/images/widget/decorate3.svg") no-repeat; |
| 85 | background-size: 100% 100%; | 85 | background-size: 100% 100%; |
| 86 | } | 86 | } |
| 87 | 87 | ||
| 88 | .div_Style_4 { | 88 | .div_Style_4 { |
| 89 | - background: url("../../../../../assets/images/widget/decorate4.svg") center no-repeat; | 89 | + background: url("~@/assets/images/widget/decorate4.svg") center no-repeat; |
| 90 | background-size: 10px 100%; | 90 | background-size: 10px 100%; |
| 91 | } | 91 | } |
| 92 | 92 | ||
| 93 | .div_Style_5 { | 93 | .div_Style_5 { |
| 94 | - background: url("../../../../../assets/images/widget/decorate5.svg") no-repeat; | 94 | + background: url("~@/assets/images/widget/decorate5.svg") no-repeat; |
| 95 | background-size: 100% 100%; | 95 | background-size: 100% 100%; |
| 96 | } | 96 | } |
| 97 | 97 | ||
| 98 | .div_Style_6 { | 98 | .div_Style_6 { |
| 99 | - background: url("../../../../../assets/images/widget/decorate6.svg") no-repeat; | 99 | + background: url("~@/assets/images/widget/decorate6.svg") no-repeat; |
| 100 | background-size: 100% 100%; | 100 | background-size: 100% 100%; |
| 101 | } | 101 | } |
| 102 | 102 | ||
| @@ -114,37 +114,37 @@ export default { | @@ -114,37 +114,37 @@ export default { | ||
| 114 | .div_Style_7_1 { | 114 | .div_Style_7_1 { |
| 115 | width: 20px; | 115 | width: 20px; |
| 116 | height: 20px; | 116 | height: 20px; |
| 117 | - background: url("../../../../../assets/images/widget/decorate7_1.svg") no-repeat; | 117 | + background: url("~@/assets/images/widget/decorate7_1.svg") no-repeat; |
| 118 | background-size: 100% 100%; | 118 | background-size: 100% 100%; |
| 119 | } | 119 | } |
| 120 | 120 | ||
| 121 | .div_Style_7_2 { | 121 | .div_Style_7_2 { |
| 122 | width: 20px; | 122 | width: 20px; |
| 123 | height: 20px; | 123 | height: 20px; |
| 124 | - background: url("../../../../../assets/images/widget/decorate7_2.svg") no-repeat; | 124 | + background: url("~@/assets/images/widget/decorate7_2.svg") no-repeat; |
| 125 | background-size: 100% 100%; | 125 | background-size: 100% 100%; |
| 126 | } | 126 | } |
| 127 | 127 | ||
| 128 | .div_Style_8 { | 128 | .div_Style_8 { |
| 129 | height: 100%; | 129 | height: 100%; |
| 130 | - background: url("../../../../../assets/images/widget/decorate8.svg") no-repeat; | 130 | + background: url("~@/assets/images/widget/decorate8.svg") no-repeat; |
| 131 | background-size: 100% 100%; | 131 | background-size: 100% 100%; |
| 132 | } | 132 | } |
| 133 | 133 | ||
| 134 | .div_Style_9 { | 134 | .div_Style_9 { |
| 135 | - background: url("../../../../../assets/images/widget/decorate9.svg") no-repeat; | 135 | + background: url("~@/assets/images/widget/decorate9.svg") no-repeat; |
| 136 | background-size: 100% 100%; | 136 | background-size: 100% 100%; |
| 137 | } | 137 | } |
| 138 | 138 | ||
| 139 | .div_Style_10 { | 139 | .div_Style_10 { |
| 140 | width: 100%; | 140 | width: 100%; |
| 141 | - background: url("../../../../../assets/images/widget/decorate10.svg") center no-repeat; | 141 | + background: url("~@/assets/images/widget/decorate10.svg") center no-repeat; |
| 142 | background-size: 100% auto; | 142 | background-size: 100% auto; |
| 143 | } | 143 | } |
| 144 | 144 | ||
| 145 | .div_Style_11 { | 145 | .div_Style_11 { |
| 146 | width: 100%; | 146 | width: 100%; |
| 147 | - background: url("../../../../../assets/images/widget/decorate11.svg") no-repeat; | 147 | + background: url("~@/assets/images/widget/decorate11.svg") no-repeat; |
| 148 | background-size: 100% 100%; | 148 | background-size: 100% 100%; |
| 149 | display: flex; | 149 | display: flex; |
| 150 | align-items: center; | 150 | align-items: center; |
| @@ -157,7 +157,7 @@ export default { | @@ -157,7 +157,7 @@ export default { | ||
| 157 | } | 157 | } |
| 158 | 158 | ||
| 159 | .div_Style_12 { | 159 | .div_Style_12 { |
| 160 | - background: url("../../../../../assets/images/widget/decorate12.svg") no-repeat; | 160 | + background: url("~@/assets/images/widget/decorate12.svg") no-repeat; |
| 161 | background-size: 100% 100%; | 161 | background-size: 100% 100%; |
| 162 | } | 162 | } |
| 163 | </style> | 163 | </style> |
src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue
| @@ -107,7 +107,7 @@ export default { | @@ -107,7 +107,7 @@ export default { | ||
| 107 | position: absolute; | 107 | position: absolute; |
| 108 | width: 6em; | 108 | width: 6em; |
| 109 | height: 6em; | 109 | height: 6em; |
| 110 | - background: url("../../../../../assets/images/widget/div1.svg") no-repeat; | 110 | + background: url("~@/assets/images/widget/div1.svg") no-repeat; |
| 111 | background-size: 100% 100%; | 111 | background-size: 100% 100%; |
| 112 | } | 112 | } |
| 113 | 113 | ||
| @@ -136,45 +136,45 @@ export default { | @@ -136,45 +136,45 @@ export default { | ||
| 136 | } | 136 | } |
| 137 | 137 | ||
| 138 | .div_Style_2 { | 138 | .div_Style_2 { |
| 139 | - background: url("../../../../../assets/images/widget/div2.svg") no-repeat; | 139 | + background: url("~@/assets/images/widget/div2.svg") no-repeat; |
| 140 | background-size: 100% 100%; | 140 | background-size: 100% 100%; |
| 141 | } | 141 | } |
| 142 | 142 | ||
| 143 | .div_Style_3 { | 143 | .div_Style_3 { |
| 144 | - background: url("../../../../../assets/images/widget/div3.svg") no-repeat; | 144 | + background: url("~@/assets/images/widget/div3.svg") no-repeat; |
| 145 | background-size: 100% 100%; | 145 | background-size: 100% 100%; |
| 146 | } | 146 | } |
| 147 | 147 | ||
| 148 | .div_Style_4 { | 148 | .div_Style_4 { |
| 149 | - background: url("../../../../../assets/images/widget/div4.svg") no-repeat; | 149 | + background: url("~@/assets/images/widget/div4.svg") no-repeat; |
| 150 | background-size: 100% 100%; | 150 | background-size: 100% 100%; |
| 151 | } | 151 | } |
| 152 | 152 | ||
| 153 | .div_Style_5 { | 153 | .div_Style_5 { |
| 154 | - background: url("../../../../../assets/images/widget/div5.svg") no-repeat; | 154 | + background: url("~@/assets/images/widget/div5.svg") no-repeat; |
| 155 | background-size: 100% 100%; | 155 | background-size: 100% 100%; |
| 156 | } | 156 | } |
| 157 | 157 | ||
| 158 | .div_Style_6 { | 158 | .div_Style_6 { |
| 159 | - background: url("../../../../../assets/images/widget/div6.svg") no-repeat; | 159 | + background: url("~@/assets/images/widget/div6.svg") no-repeat; |
| 160 | background-size: 100% 100%; | 160 | background-size: 100% 100%; |
| 161 | } | 161 | } |
| 162 | 162 | ||
| 163 | .div_Style_7 { | 163 | .div_Style_7 { |
| 164 | box-shadow: rgb(131, 191, 246) 0px 0px 40px inset; | 164 | box-shadow: rgb(131, 191, 246) 0px 0px 40px inset; |
| 165 | border: 1px solid rgb(131, 191, 246); | 165 | border: 1px solid rgb(131, 191, 246); |
| 166 | - background: url("../../../../../assets/images/widget/div7.svg") no-repeat; | 166 | + background: url("~@/assets/images/widget/div7.svg") no-repeat; |
| 167 | background-size: 100% 100%; | 167 | background-size: 100% 100%; |
| 168 | } | 168 | } |
| 169 | 169 | ||
| 170 | .div_Style_8 { | 170 | .div_Style_8 { |
| 171 | height: 100%; | 171 | height: 100%; |
| 172 | - background: url("../../../../../assets/images/widget/div8.svg") no-repeat; | 172 | + background: url("~@/assets/images/widget/div8.svg") no-repeat; |
| 173 | background-size: 100% 100%; | 173 | background-size: 100% 100%; |
| 174 | } | 174 | } |
| 175 | 175 | ||
| 176 | .div_Style_9 { | 176 | .div_Style_9 { |
| 177 | - background: url("../../../../../assets/images/widget/div9.svg") no-repeat; | 177 | + background: url("~@/assets/images/widget/div9.svg") no-repeat; |
| 178 | background-size: 100% 100%; | 178 | background-size: 100% 100%; |
| 179 | } | 179 | } |
| 180 | 180 | ||
| @@ -186,7 +186,7 @@ export default { | @@ -186,7 +186,7 @@ export default { | ||
| 186 | position: absolute; | 186 | position: absolute; |
| 187 | width: 6em; | 187 | width: 6em; |
| 188 | height: 6em; | 188 | height: 6em; |
| 189 | - background: url("../../../../../assets/images/widget/div10.svg") no-repeat; | 189 | + background: url("~@/assets/images/widget/div10.svg") no-repeat; |
| 190 | background-size: 100% 100%; | 190 | background-size: 100% 100%; |
| 191 | } | 191 | } |
| 192 | 192 | ||
| @@ -216,12 +216,12 @@ export default { | @@ -216,12 +216,12 @@ export default { | ||
| 216 | 216 | ||
| 217 | .div_Style_11 { | 217 | .div_Style_11 { |
| 218 | width: 100%; | 218 | width: 100%; |
| 219 | - background: url("../../../../../assets/images/widget/div11.svg") no-repeat; | 219 | + background: url("~@/assets/images/widget/div11.svg") no-repeat; |
| 220 | background-size: 100% 100%; | 220 | background-size: 100% 100%; |
| 221 | } | 221 | } |
| 222 | 222 | ||
| 223 | .div_Style_12 { | 223 | .div_Style_12 { |
| 224 | - background: url("../../../../../assets/images/widget/div12.svg") no-repeat; | 224 | + background: url("~@/assets/images/widget/div12.svg") no-repeat; |
| 225 | background-size: 100% 100%; | 225 | background-size: 100% 100%; |
| 226 | } | 226 | } |
| 227 | </style> | 227 | </style> |