预览分享引入DIV层

qianbao
1 parent 790de6df
Showing 3 changed files with 15 additions and 14 deletions
src/views/bigscreenDesigner/designer/tools/index.js
src/views/bigscreenDesigner/designer/widget/div/widgetDiv.vue
src/views/bigscreenDesigner/designer/widget/temp.vue
@@ -59,8 +59,7 @@ const screenConfig = {
         name: "backgroundImage",
         required: false,
         placeholder: "",
-        value:
-          "https://ajreport.beliefteam.cn/file/download/bf566e48-ccad-40e1-8ee9-228427e5466b"
+        value:""
       }
     ],
     data: [],
-<!-- 
+<!--
   Div 图层
 -->
 <template>
@@ -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%;
 }
 </style>
@@ -13,6 +13,7 @@
 <script>
 import widgetHref from "./widgetHref.vue";
 import widgetText from "./widgetText.vue";
+import widgetDiv from "./div/widgetDiv.vue";
 import WidgetMarquee from "./widgetMarquee.vue";
 import widgetTime from "./widgetTime.vue";
 import widgetImage from "./widgetImage.vue";
@@ -43,6 +44,7 @@ import widgetHeatmap from &quot;./heatmap/widgetHeatmap&quot;;
 export default {
   name: "WidgetTemp",
   components: {
+    widgetDiv,
     widgetHref,
     widgetText,
     WidgetMarquee,