Commit c64d974cea505b814509029824945b1a025a14f7
1 parent
790de6df
预览分享引入DIV层
Showing
3 changed files
with
15 additions
and
14 deletions
src/views/bigscreenDesigner/designer/tools/index.js
| @@ -59,8 +59,7 @@ const screenConfig = { | @@ -59,8 +59,7 @@ const screenConfig = { | ||
| 59 | name: "backgroundImage", | 59 | name: "backgroundImage", |
| 60 | required: false, | 60 | required: false, |
| 61 | placeholder: "", | 61 | placeholder: "", |
| 62 | - value: | ||
| 63 | - "https://ajreport.beliefteam.cn/file/download/bf566e48-ccad-40e1-8ee9-228427e5466b" | 62 | + value:"" |
| 64 | } | 63 | } |
| 65 | ], | 64 | ], |
| 66 | data: [], | 65 | data: [], |
src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue
| 1 | -<!-- | 1 | +<!-- |
| 2 | Div 图层 | 2 | Div 图层 |
| 3 | --> | 3 | --> |
| 4 | <template> | 4 | <template> |
| @@ -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> |
src/views/bigscreenDesigner/designer/widget/temp.vue
| @@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
| 13 | <script> | 13 | <script> |
| 14 | import widgetHref from "./widgetHref.vue"; | 14 | import widgetHref from "./widgetHref.vue"; |
| 15 | import widgetText from "./widgetText.vue"; | 15 | import widgetText from "./widgetText.vue"; |
| 16 | +import widgetDiv from "./div/widgetDiv.vue"; | ||
| 16 | import WidgetMarquee from "./widgetMarquee.vue"; | 17 | import WidgetMarquee from "./widgetMarquee.vue"; |
| 17 | import widgetTime from "./widgetTime.vue"; | 18 | import widgetTime from "./widgetTime.vue"; |
| 18 | import widgetImage from "./widgetImage.vue"; | 19 | import widgetImage from "./widgetImage.vue"; |
| @@ -43,6 +44,7 @@ import widgetHeatmap from "./heatmap/widgetHeatmap"; | @@ -43,6 +44,7 @@ import widgetHeatmap from "./heatmap/widgetHeatmap"; | ||
| 43 | export default { | 44 | export default { |
| 44 | name: "WidgetTemp", | 45 | name: "WidgetTemp", |
| 45 | components: { | 46 | components: { |
| 47 | + widgetDiv, | ||
| 46 | widgetHref, | 48 | widgetHref, |
| 47 | widgetText, | 49 | widgetText, |
| 48 | WidgetMarquee, | 50 | WidgetMarquee, |