diff --git a/src/component/noticeBar/index.ts b/src/component/noticeBar/index.ts
new file mode 100644
index 00000000..389b5c17
--- /dev/null
+++ b/src/component/noticeBar/index.ts
@@ -0,0 +1,8 @@
+import type { App } from "vue";
+import Component from "./index.vue";
+
+Component.install = (app: App) => {
+  app.component(Component.name, Component);
+};
+
+export default Component;
\ No newline at end of file
diff --git a/src/component/noticeBar/index.vue b/src/component/noticeBar/index.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/index.ts b/src/index.ts
index 280a5731..9467e22f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -78,6 +78,7 @@ import LayException from "./component/exception/index";
 import LayResult from "./component/result/index";
 import LayFullscreen from "./component/fullscreen/index";
 import LayDatePicker from "./component/datePicker/index";
+import LayNoticeBar from "./component/noticeBar/index";
 import LayConfigProvider from "./provider";
 import { InstallOptions } from "./types";
 
@@ -154,6 +155,7 @@ const components: Record<string, Component> = {
   LayFullscreen,
   LayConfigProvider,
   LayDatePicker,
+  LayNoticeBar
 };
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -238,6 +240,7 @@ export {
   LayFullscreen,
   LayConfigProvider,
   LayDatePicker,
+  LayNoticeBar
 };
 
 export { layer };