[improvement] GoodsAction: add loading & disabled prop (#1994)
This commit is contained in:
@@ -73,6 +73,8 @@ Use `info` prop to show messages in upper right corner of icon
|
||||
|------|------|------|------|
|
||||
| text | Button text | `String` | - |
|
||||
| primary | Is primary button (red color) | `Boolean` | `false` |
|
||||
| disabled | Whether to disable button | `Boolean` | `false` |
|
||||
| loading | Whether show loading status | `Boolean` | `false` |
|
||||
| url | Link | `String` | - |
|
||||
| to | Target route of the link, same as to of `vue-router` | `String | Object` | - |
|
||||
| replace | If true, the navigation will not leave a history record | `String` | `false` |
|
||||
|
||||
@@ -4,34 +4,34 @@ exports[`renders demo correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="van-goods-action">
|
||||
<a class="van-hairline van-goods-action-mini-btn">
|
||||
<div class="van-hairline van-goods-action-mini-btn">
|
||||
<i class="van-icon van-icon-chat van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
</i> 客服</a>
|
||||
<a class="van-hairline van-goods-action-mini-btn">
|
||||
</i> 客服</div>
|
||||
<div class="van-hairline van-goods-action-mini-btn">
|
||||
<i class="van-icon van-icon-cart van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
</i> 购物车</a>
|
||||
<a class="van-button van-button--default van-button--normal van-button--bottom-action van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></a>
|
||||
<a class="van-button van-button--primary van-button--normal van-button--bottom-action van-goods-action-big-btn"><span class="van-button__text">立即购买</span></a>
|
||||
</i> 购物车</div>
|
||||
<button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button>
|
||||
<button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-goods-action">
|
||||
<a class="van-hairline van-goods-action-mini-btn">
|
||||
<div class="van-hairline van-goods-action-mini-btn">
|
||||
<i class="van-icon van-icon-chat van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
</i> 客服</a>
|
||||
<a class="van-hairline van-goods-action-mini-btn">
|
||||
</i> 客服</div>
|
||||
<div class="van-hairline van-goods-action-mini-btn">
|
||||
<i class="van-icon van-icon-cart van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
|
||||
<div class="van-info">5</div>
|
||||
</i> 购物车</a>
|
||||
<a class="van-hairline van-goods-action-mini-btn">
|
||||
</i> 购物车</div>
|
||||
<div class="van-hairline van-goods-action-mini-btn">
|
||||
<i class="van-icon van-icon-shop van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
</i> 店铺</a>
|
||||
<a class="van-button van-button--default van-button--normal van-button--bottom-action van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></a>
|
||||
<a class="van-button van-button--primary van-button--normal van-button--bottom-action van-goods-action-big-btn"><span class="van-button__text">立即购买</span></a>
|
||||
</i> 店铺</div>
|
||||
<button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button>
|
||||
<button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -72,6 +72,8 @@ export default {
|
||||
|------|------|------|------|------|
|
||||
| text | 按钮文字 | `String` | - | - |
|
||||
| primary | 是否为红色按钮 | `Boolean` | `false` | - |
|
||||
| disabled | 是否禁用按钮 | `Boolean` | `false` | - | 1.3.10 |
|
||||
| loading | 是否显示为加载状态 | `Boolean` | `false` | - | 1.3.10 |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` | - |
|
||||
|
||||
Reference in New Issue
Block a user