[new feature] NoticeBar: left-icon prop support icon name (#1604)

packages/notice-bar/README.md

@@ -65,7 +65,7 @@ es5
 | delay | 动画延迟时间 (s) | `Number` | `1` |
 | speed | 滚动速率 (px/s) | `Number` | `50` |
 | scrollable | 是否在长度溢出时滚动播放 | `Boolean` | `true` |
-| left-icon | 左侧图标图片 URL | `String` | - |
+| left-icon | 左侧图标名称或图片链接，可选值见 Icon 组件 | `String` | - |
 | color | 文本颜色 | `String` | `#ed6a0c` |
 | backgroundColor | 滚动条背景 | `String` | `#fffbe8` |
 | open-type | 微信开放能力 | `String` | `navigate` |

packages/notice-bar/index.less

@@ -12,9 +12,10 @@
   }
 
   &__left-icon {
-    width: 16px;
-    height: 16px;
     margin-right: 4px;
+    vertical-align: middle;
+    display: flex;
+    align-items: center;
   }
 
   &__right-icon {

packages/notice-bar/index.wxml

@@ -4,11 +4,13 @@
   style="color: {{ color }}; background-color: {{ backgroundColor }};"
   bind:tap="onClick"
 >
-  <image
+  <van-icon
     wx:if="{{ leftIcon }}"
-    src="{{ leftIcon }}"
+    size="16px"
+    name="{{ leftIcon }}"
     class="van-notice-bar__left-icon"
   />
+
   <view class="van-notice-bar__content-wrap">
     <view class="van-notice-bar__content {{ scrollable ? '' : 'van-ellipsis' }}" animation="{{ animationData }}">
       {{ text }}