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 | 71 | } |
| 72 | 72 | |
| 73 | 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 | 75 | background-size: 100% 100%; |
| 76 | 76 | } |
| 77 | 77 | |
| 78 | 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 | 80 | background-size: 100% 100%; |
| 81 | 81 | } |
| 82 | 82 | |
| 83 | 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 | 85 | background-size: 100% 100%; |
| 86 | 86 | } |
| 87 | 87 | |
| 88 | 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 | 90 | background-size: 10px 100%; |
| 91 | 91 | } |
| 92 | 92 | |
| 93 | 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 | 95 | background-size: 100% 100%; |
| 96 | 96 | } |
| 97 | 97 | |
| 98 | 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 | 100 | background-size: 100% 100%; |
| 101 | 101 | } |
| 102 | 102 | |
| ... | ... | @@ -114,37 +114,37 @@ export default { |
| 114 | 114 | .div_Style_7_1 { |
| 115 | 115 | width: 20px; |
| 116 | 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 | 118 | background-size: 100% 100%; |
| 119 | 119 | } |
| 120 | 120 | |
| 121 | 121 | .div_Style_7_2 { |
| 122 | 122 | width: 20px; |
| 123 | 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 | 125 | background-size: 100% 100%; |
| 126 | 126 | } |
| 127 | 127 | |
| 128 | 128 | .div_Style_8 { |
| 129 | 129 | height: 100%; |
| 130 | - background: url("../../../../../assets/images/widget/decorate8.svg") no-repeat; | |
| 130 | + background: url("~@/assets/images/widget/decorate8.svg") no-repeat; | |
| 131 | 131 | background-size: 100% 100%; |
| 132 | 132 | } |
| 133 | 133 | |
| 134 | 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 | 136 | background-size: 100% 100%; |
| 137 | 137 | } |
| 138 | 138 | |
| 139 | 139 | .div_Style_10 { |
| 140 | 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 | 142 | background-size: 100% auto; |
| 143 | 143 | } |
| 144 | 144 | |
| 145 | 145 | .div_Style_11 { |
| 146 | 146 | width: 100%; |
| 147 | - background: url("../../../../../assets/images/widget/decorate11.svg") no-repeat; | |
| 147 | + background: url("~@/assets/images/widget/decorate11.svg") no-repeat; | |
| 148 | 148 | background-size: 100% 100%; |
| 149 | 149 | display: flex; |
| 150 | 150 | align-items: center; |
| ... | ... | @@ -157,7 +157,7 @@ export default { |
| 157 | 157 | } |
| 158 | 158 | |
| 159 | 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 | 161 | background-size: 100% 100%; |
| 162 | 162 | } |
| 163 | 163 | </style> | ... | ... |
src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue
| ... | ... | @@ -107,7 +107,7 @@ export default { |
| 107 | 107 | position: absolute; |
| 108 | 108 | width: 6em; |
| 109 | 109 | height: 6em; |
| 110 | - background: url("../../../../../assets/images/widget/div1.svg") no-repeat; | |
| 110 | + background: url("~@/assets/images/widget/div1.svg") no-repeat; | |
| 111 | 111 | background-size: 100% 100%; |
| 112 | 112 | } |
| 113 | 113 | |
| ... | ... | @@ -136,45 +136,45 @@ export default { |
| 136 | 136 | } |
| 137 | 137 | |
| 138 | 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 | 140 | background-size: 100% 100%; |
| 141 | 141 | } |
| 142 | 142 | |
| 143 | 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 | 145 | background-size: 100% 100%; |
| 146 | 146 | } |
| 147 | 147 | |
| 148 | 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 | 150 | background-size: 100% 100%; |
| 151 | 151 | } |
| 152 | 152 | |
| 153 | 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 | 155 | background-size: 100% 100%; |
| 156 | 156 | } |
| 157 | 157 | |
| 158 | 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 | 160 | background-size: 100% 100%; |
| 161 | 161 | } |
| 162 | 162 | |
| 163 | 163 | .div_Style_7 { |
| 164 | 164 | box-shadow: rgb(131, 191, 246) 0px 0px 40px inset; |
| 165 | 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 | 167 | background-size: 100% 100%; |
| 168 | 168 | } |
| 169 | 169 | |
| 170 | 170 | .div_Style_8 { |
| 171 | 171 | height: 100%; |
| 172 | - background: url("../../../../../assets/images/widget/div8.svg") no-repeat; | |
| 172 | + background: url("~@/assets/images/widget/div8.svg") no-repeat; | |
| 173 | 173 | background-size: 100% 100%; |
| 174 | 174 | } |
| 175 | 175 | |
| 176 | 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 | 178 | background-size: 100% 100%; |
| 179 | 179 | } |
| 180 | 180 | |
| ... | ... | @@ -186,7 +186,7 @@ export default { |
| 186 | 186 | position: absolute; |
| 187 | 187 | width: 6em; |
| 188 | 188 | height: 6em; |
| 189 | - background: url("../../../../../assets/images/widget/div10.svg") no-repeat; | |
| 189 | + background: url("~@/assets/images/widget/div10.svg") no-repeat; | |
| 190 | 190 | background-size: 100% 100%; |
| 191 | 191 | } |
| 192 | 192 | |
| ... | ... | @@ -216,12 +216,12 @@ export default { |
| 216 | 216 | |
| 217 | 217 | .div_Style_11 { |
| 218 | 218 | width: 100%; |
| 219 | - background: url("../../../../../assets/images/widget/div11.svg") no-repeat; | |
| 219 | + background: url("~@/assets/images/widget/div11.svg") no-repeat; | |
| 220 | 220 | background-size: 100% 100%; |
| 221 | 221 | } |
| 222 | 222 | |
| 223 | 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 | 225 | background-size: 100% 100%; |
| 226 | 226 | } |
| 227 | 227 | </style> | ... | ... |