docs: uniform color

This commit is contained in:
chenjiahan
2020-11-30 23:00:32 +08:00
committed by neverland
parent aad0559064
commit bb18310f1b
27 changed files with 42 additions and 47 deletions
+1 -1
View File
@@ -57,7 +57,7 @@ Use `badge` prop to show badge in icon.
```html
<van-goods-action>
<van-goods-action-icon icon="chat-o" text="Icon1" color="#07c160" />
<van-goods-action-icon icon="chat-o" text="Icon1" color="#ee0a24" />
<van-goods-action-icon icon="cart-o" text="Icon2" />
<van-goods-action-icon icon="star" text="Collected" color="#ff5000" />
<van-goods-action-button type="warning" text="Button" />
+3 -3
View File
@@ -45,7 +45,7 @@ export default {
### 徽标提示
在 GoodsActionIcon 组件上设置`dot`属性后,会在图标右上角展示一个小红点。设置`badge`属性后,会在图标右上角展示相应的徽标。
在 GoodsActionIcon 组件上设置 `dot` 属性后,会在图标右上角展示一个小红点。设置 `badge` 属性后,会在图标右上角展示相应的徽标。
```html
<van-goods-action>
@@ -59,11 +59,11 @@ export default {
### 自定义图标颜色
通过 GoodsActionIcon 的`color`属性可以自定义图标的颜色。
通过 GoodsActionIcon 的 `color` 属性可以自定义图标的颜色。
```html
<van-goods-action>
<van-goods-action-icon icon="chat-o" text="客服" color="#07c160" />
<van-goods-action-icon icon="chat-o" text="客服" color="#ee0a24" />
<van-goods-action-icon icon="cart-o" text="购物车" />
<van-goods-action-icon icon="star" text="已收藏" color="#ff5000" />
<van-goods-action-button type="warning" text="加入购物车" />
+1 -1
View File
@@ -40,7 +40,7 @@
<van-goods-action-icon
icon="chat-o"
:text="t('icon1')"
color="#07c160"
color="#ee0a24"
/>
<van-goods-action-icon icon="cart-o" :text="t('icon2')" />
<van-goods-action-icon
@@ -49,7 +49,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-goods-action">
<div role="button" tabindex="0" class="van-goods-action-icon">
<div class="van-icon van-icon-chat-o van-goods-action-icon__icon" style="color: rgb(7, 193, 96);">
<div class="van-icon van-icon-chat-o van-goods-action-icon__icon" style="color: rgb(238, 10, 36);">
<!---->
</div>客服
</div>