diff --git a/dist/notice-bar/index.js b/dist/notice-bar/index.js
index 7043dbd..96d04f7 100644
--- a/dist/notice-bar/index.js
+++ b/dist/notice-bar/index.js
@@ -19,7 +19,7 @@ Component({
             value: false
         },
         // 背景颜色
-        backgroundcolor: {
+        backgroundColor: {
             type: String,
             value: '#fefcec'
         },
diff --git a/examples/pages/notice-bar/index.wxml b/examples/pages/notice-bar/index.wxml
index 1d90f27..108dbdb 100644
--- a/examples/pages/notice-bar/index.wxml
+++ b/examples/pages/notice-bar/index.wxml
@@ -4,7 +4,7 @@
     </i-notice-bar>
 </i-panel>
 <i-panel title="自定义颜色 通告栏">
-    <i-notice-bar backgroundcolor="#99cc66" color="#ffff66">
+    <i-notice-bar background-color="#99cc66" color="#ffff66">
         2018年世界杯,将于6月14日至7月15日举行
     </i-notice-bar>
 </i-panel>
diff --git a/src/notice-bar/index.wxml b/src/notice-bar/index.wxml
index 5de1e11..4fa7b4d 100644
--- a/src/notice-bar/index.wxml
+++ b/src/notice-bar/index.wxml
@@ -1,9 +1,9 @@
-<view wx:if="{{ show }}" class="i-class i-noticebar" style="color: {{ color }}; background-color: {{ backgroundcolor }}">
+<view wx:if="{{ show }}" class="i-class i-noticebar" style="color: {{ color }}; background-color: {{ backgroundColor }}">
     <i-icon wx:if="{{ icon }}" type="{{ icon }}" size="24" color="{{color}}" class="i-noticebar-icon"></i-icon>
     <view class="i-noticebar-content-wrap">
         <view class="i-noticebar-content {{loop?'i-noticebar-content-loop':''}}" animation="{{ animationData }}">
-           <slot></slot>
+            <slot></slot>
         </view>
     </view>
     <i-icon wx:if="{{closable}}" class="i-noticebar-operation" type="close" size="20" color="{{color}}" bindtap="handleClose"></i-icon>
-</view>
+</view>
\ No newline at end of file