[new feature] GoodsActionIcon: 新增外部样式类icon-class、text-class

re #1260

packages/goods-action-icon/index.less

@@ -5,10 +5,10 @@
   border: none !important;
 
   &__content {
-    height: 100%;
     display: flex;
-    line-height: 1;
+    height: 100%;
     font-size: 10px;
+    line-height: 1;
     color: @gray-darker;
     flex-direction: column;
     justify-content: center;

packages/goods-action-icon/index.ts

@@ -4,6 +4,8 @@ import { button } from '../mixins/button';
 import { openType } from '../mixins/open-type';
 
 VantComponent({
+  classes: ['icon-class', 'text-class'],
+
   mixins: [link, button, openType],
 
   props: {

packages/goods-action-icon/index.wxml

@@ -26,7 +26,8 @@
       name="{{ icon }}"
       info="{{ info }}"
       class="van-goods-action-icon__icon"
+      custom-class="icon-class"
     />
-    {{ text }}
+    <text class="text-class">{{ text }}</text>
   </view>
 </van-button>

packages/goods-action/README.md

@@ -119,6 +119,19 @@ Page({
 |-----------|-----------|-----------|
 | click | 按钮点击事件回调 | - |
 
+### GoodsActionIcon 外部样式类
+
+| 类名 | 说明 |
+|-----------|-----------|
+| icon-class | 图标样式类 |
+| text-class | 文字样式类 |
+
+### GoodsActionButton 外部样式类
+
+| 类名 | 说明 |
+|-----------|-----------|
+| custom-class | 根节点样式类 |
+
 ### 更新日志
 
 | 版本 | 类型 | 内容 |