diff --git a/src/views/bigscreenDesigner/designer/widget/temp.vue b/src/views/bigscreenDesigner/designer/widget/temp.vue
index e606683..979acb4 100644
--- a/src/views/bigscreenDesigner/designer/widget/temp.vue
+++ b/src/views/bigscreenDesigner/designer/widget/temp.vue
@@ -50,6 +50,7 @@ import widgetConicalColumnChart from "./funnel/widgetConicalColumnChart";
 import widgetDigitalFlopSingle from "./text/widgetDigitalFlopSingle";
 import widgetSvg from "./div/widgetSvg";
 import widgetRadioPiechart from "./pie/widgetRadioPiechart";
+import widgetHtmlSlider from "./div/widgetHtmlSlider";
 
 export default {
   name: "WidgetTemp",
@@ -99,6 +100,7 @@ export default {
     widgetDigitalFlopSingle,
     widgetSvg,
     widgetRotateRanking,
+    widgetHtmlSlider,
   },
   model: {
     prop: "value",
diff --git a/src/views/bigscreenDesigner/designer/widget/widget.vue b/src/views/bigscreenDesigner/designer/widget/widget.vue
index 35d17a4..4d885d8 100644
--- a/src/views/bigscreenDesigner/designer/widget/widget.vue
+++ b/src/views/bigscreenDesigner/designer/widget/widget.vue
@@ -61,6 +61,7 @@ import widgetConicalColumnChart from "./funnel/widgetConicalColumnChart";
 import widgetBorderBoxFloat from "./div/widgetBorderBoxFloat";
 import widgetDigitalFlopSingle from "./text/widgetDigitalFlopSingle";
 import widgetSvg from "./div/widgetSvg";
+import widgetHtmlSlider from "./div/widgetHtmlSlider";
 export default {
   name: "Widget",
   components: {
@@ -110,6 +111,7 @@ export default {
     widgetSvg,
     widgetRotateRanking,
     widgetRadioPiechart,
+    widgetHtmlSlider,
   },
   model: {
     prop: "value",