alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[improvement] replace icons (#2304)

Browse Source
This commit is contained in:
neverland
2018-12-16 15:59:52 +08:00
committed by GitHub
parent f473a0eb66
commit c100b045d1
27 changed files with 143 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/goods-action/en-US.md
+37 -8
View File
@@ -19,10 +19,25 @@ Vue
```html
<van-goods-action>
<van-goods-action-mini-btn icon="chat" text="Icon1" @click="onClickMiniBtn" />
<van-goods-action-mini-btn icon="cart" text="Icon2" @click="onClickMiniBtn" />
<van-goods-action-big-btn text="Button1" @click="onClickBigBtn" />
<van-goods-action-big-btn text="Button2" @click="onClickBigBtn" primary />
<van-goods-action-mini-btn
icon="chat-o"
text="Icon1"
@click="onClickMiniBtn"
/>
<van-goods-action-mini-btn
icon="cart-o"
text="Icon2"
@click="onClickMiniBtn"
/>
<van-goods-action-big-btn
text="Button1"
@click="onClickBigBtn"
/>
<van-goods-action-big-btn
primary
text="Button2"
@click="onClickBigBtn"
/>
</van-goods-action>
```
@@ -40,15 +55,29 @@ export default {
```
#### Icon info
Use `info` prop to show messages in upper right corner of icon
```html
<van-goods-action>
<van-goods-action-mini-btn icon="chat" text="Icon1" />
<van-goods-action-mini-btn icon="cart" text="Icon2" info="5" />
<van-goods-action-mini-btn icon="shop" text="Icon3" />
<van-goods-action-mini-btn
icon="chat-o"
text="Icon1"
/>
<van-goods-action-mini-btn
info="5"
icon="cart-o"
text="Icon2"
/>
<van-goods-action-mini-btn
icon="shop-o"
text="Icon3"
/>
<van-goods-action-big-btn text="Button1" />
<van-goods-action-big-btn text="Button2" primary />
<van-goods-action-big-btn
primary
text="Button2"
/>
</van-goods-action>
```