diff --git a/packages/action-sheet/README.md b/packages/action-sheet/README.md index bb422941..a50d394a 100644 --- a/packages/action-sheet/README.md +++ b/packages/action-sheet/README.md @@ -66,11 +66,13 @@ Page({ cancel-text="取消" /> ``` + ```javascript Page({ data: { + show: false, actions: [ - { name: '选项'}, + { name: '选项', color: '07c160' }, { loading: true }, { name: '禁用选项', disabled: true } ] @@ -80,7 +82,7 @@ Page({ ### 展示取消按钮 -设置cancelText属性后,会在底部展示取消按钮,点击后关闭当前菜单 +设置`cancel-text`属`性后,会在底部展示取消按钮,点击后关闭当前菜单 ```html @@ -129,11 +131,12 @@ Page({ `API`中的`actions`为一个对象数组,数组中的每一个对象配置每一列,每一列有以下`key`: -| key | 说明 | -|-----------|-----------| -| name | 标题 | -| subname | 二级标题 | -| loading | 是否为加载状态 | -| disabled | 是否为禁用状态 | -| className | 为对应列添加额外的 class 类名 | -| openType | 微信开放能力,具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | +| 键名 | 说明 | 类型 | +|-----------|-----------|-----------| +| name | 标题 | *string* | +| subname | 二级标题 | *string* | +| color | 选项文字颜色 | *string* | +| loading | 是否为加载状态 | *boolean* | +| disabled | 是否为禁用状态 | *boolean* | +| className | 为对应列添加额外的 class 类名 | *string* | +| openType | 微信开放能力,具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | *string* | diff --git a/packages/action-sheet/index.wxml b/packages/action-sheet/index.wxml index 0dd67b70..c5bbf685 100644 --- a/packages/action-sheet/index.wxml +++ b/packages/action-sheet/index.wxml @@ -25,6 +25,7 @@ wx:for="{{ actions }}" wx:key="index" open-type="{{ item.openType }}" + style="{{ item.color ? 'color: ' + item.color : '' }}" class="{{ utils.bem('action-sheet__item', { disabled: item.disabled || item.loading }) }} van-hairline--top {{ item.className || '' }}" hover-class="van-action-sheet__item--hover" data-index="{{ index }}"