diff --git a/src/components/alert/alert.vue b/src/components/alert/alert.vue
index 983b5fc..bc7a204 100644
--- a/src/components/alert/alert.vue
+++ b/src/components/alert/alert.vue
@@ -36,7 +36,11 @@
             showIcon: {
                 type: Boolean,
                 default: false
-            }
+            },
+            banner: {
+                type: Boolean,
+                default: false
+            },
         },
         data () {
             return {
@@ -51,7 +55,8 @@
                     `${prefixCls}-${this.type}`,
                     {
                         [`${prefixCls}-with-icon`]: this.showIcon,
-                        [`${prefixCls}-with-desc`]: this.desc
+                        [`${prefixCls}-with-desc`]: this.desc,
+                        [`${prefixCls}-with-banner`]: this.banner
                     }
                 ];
             },
diff --git a/src/styles/components/alert.less b/src/styles/components/alert.less
index fb39433..15b9f99 100644
--- a/src/styles/components/alert.less
+++ b/src/styles/components/alert.less
@@ -94,4 +94,8 @@
         margin-top: -21px;
         font-size: 28px;
     }
+
+    &-with-banner{
+        border-radius: 0;
+    }
 }
\ No newline at end of file
diff --git a/test/routers/alert.vue b/test/routers/alert.vue
index 099e7cb..c41289a 100644
--- a/test/routers/alert.vue
+++ b/test/routers/alert.vue
@@ -1,7 +1,7 @@
 <template>
-    <Alert show-icon>消息提示文案</Alert>
+    <Alert show-icon banner closable>消息提示文案</Alert>
     <Alert type="success" show-icon>成功提示文案</Alert>
-    <Alert type="warning" show-icon>警告提示文案</Alert>
+    <Alert type="warning" show-icon banner>警告提示文案</Alert>
     <Alert type="error" show-icon>错误提示文案</Alert>
     <Alert show-icon>
         消息提示文案
--
libgit2 0.21.4