[new feature] SubmitBar: add tip-icon prop (#1593)

example/pages/submit-bar/index.wxml

@@ -14,6 +14,7 @@
     price="{{ 3050 }}"
     button-text="提交订单"
     tip="您的收货地址不支持同城送, 我们已为您推荐快递"
+    tip-icon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
     bind:submit="onClickButton"
     custom-class="van-submit-bar"
     safe-area-inset-bottom="{{ false }}"

packages/submit-bar/README.md

@@ -38,6 +38,7 @@ es5
   price="{{ 3050 }}"
   button-text="提交订单"
   tip="您的收货地址不支持同城送, 我们已为您推荐快递"
+  tip-icon="https://img.yzcdn.cn/1.png"
   bind:submit="onSubmit"
 />
 ```
@@ -80,6 +81,7 @@ es5
 | button-text | 按钮文字 | `String` | - |
 | button-type | 按钮类型 |  `String` | `danger` |
 | tip | 提示文案 |  `String` / `Boolean` | - |
+| tip-icon | 图标名称或图片链接，可选值见 Icon 组件 | `String` | - |
 | disabled | 是否禁用按钮 |  `Boolean` | `false` |
 | loading | 是否显示加载中的按钮 |  `Boolean` | `false` |
 | currency | 货币符号 |  `String` | `¥` |

packages/submit-bar/index.less

@@ -16,6 +16,18 @@
     background-color: #fff7cc;
   }
 
+  &__tip-icon {
+    width:12px;
+    height:12px;
+    margin-right:4px;
+    vertical-align: middle;
+  }
+
+  &__tip-text {
+    display: inline;
+    vertical-align: middle;
+  }
+
   &__bar {
     display: flex;
     align-items: center;

packages/submit-bar/index.ts

@@ -12,6 +12,7 @@ VantComponent({
 
   props: {
     tip: null,
+    tipIcon: String,
     type: Number,
     price: null,
     label: String,

packages/submit-bar/index.wxml

@@ -4,7 +4,16 @@
   <slot name="top" />
 
   <view wx:if="{{ tip }}" class="van-submit-bar__tip">
-    {{ tipStr }}<slot name="tip" />
+    <van-icon
+      wx:if="{{ tipIcon }}"
+      size="12px"
+      name="{{ tipIcon }}"
+      custom-class="van-submit-bar__tip-icon"
+    />
+    <view wx:if="{{ tipStr }}" class="van-submit-bar__tip-text">
+      {{ tipStr }}
+    </view>
+    <slot name="tip" />
   </view>
 
   <view class="bar-class {{ utils.bem('submit-bar__bar', { safe: safeAreaInsetBottom && isIPhoneX }) }}">