blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

feat(GoodsActionIcon): add dot prop (#2072)

Browse Source
This commit is contained in:
ShuaiKang Zhang 2019-09-20 16:17:13 +08:00 committed by neverland
parent f613cd4e3d
commit cdd65163d1
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
example/pages/goods-action/index.wxml
View File

@ -22,9 +22,9 @@
</van-goods-action>
</demo-block>
<demo-block title="图标提示">
<demo-block title="提示信息">
<van-goods-action custom-class="goods-action" safe-area-inset-bottom="{{ false }}">
<van-goods-action-icon icon="chat-o" text="客服" />
<van-goods-action-icon icon="chat-o" text="客服" dot />
<van-goods-action-icon icon="cart-o" text="购物车" info="5" />
<van-goods-action-icon icon="shop-o" text="店铺" />
<van-goods-action-button text="加入购物车" type="warning" />

1
packages/goods-action-icon/index.ts
View File

@ -11,6 +11,7 @@ VantComponent({
props: {
text: String,
dot: Boolean,
info: String,
icon: String,
disabled: Boolean,

1
packages/goods-action-icon/index.wxml
View File

@ -27,6 +27,7 @@
wx:if="{{ icon }}"
size="20px"
name="{{ icon }}"
dot="{{ dot }}"
info="{{ info }}"
class="van-goods-action-icon__icon"
custom-class="icon-class"

6
packages/goods-action/README.md
View File

@ -52,13 +52,13 @@ Page({
});
```
### 图标提示
### 提示信息
通过`info`属性在图标右上角增加相应的提示
设置`dot`属性后，会在图标右上角展示一个小红点。设置`info`属性后，会在图标右上角展示相应的徽标
```html
<van-goods-action>
<van-goods-action-icon icon="chat-o" text="客服" />
<van-goods-action-icon icon="chat-o" text="客服" dot />
<van-goods-action-icon icon="cart-o" text="购物车" info="5" />
<van-goods-action-icon icon="shop-o" text="店铺" />
<van-goods-action-button text="加入购物车" type="warning" />