blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Rate): add icon-prefix prop (#5666)

Browse Source
This commit is contained in:
chenjiahan 2020-02-28 15:44:58 +08:00
parent 130e1ac7a6
commit 05966e0469
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/rate/README.md
View File

@ -119,6 +119,7 @@ export default {
| disabled-color | Disabled color | *string* | `#bdbdbd` |
| icon | Selected icon | *string* | `star` |
| void-icon | Void icon | *string* | `star-o` |
| icon-prefix `v2.5.3` | Icon className prefix | *string* | `van-icon` |
| allow-half | Whether to allow half star | *boolean* | `false` |
| readonly | Whether to be readonly | *boolean* | `false` |
| disabled | Whether to disable rate | *boolean* | `false` |

3
src/rate/README.zh-CN.md
View File

@ -118,7 +118,8 @@ export default {
| void-color | 未选中时的颜色 | *string* | `#c8c9cc` |
| disabled-color | 禁用时的颜色 | *string* | `#bdbdbd` |
| icon | 选中时的[图标名称](#/zh-CN/icon)或图片链接 | *string* | `star` |
| void-icon | 未选中时的[图标名称](#/zh-CN/icon)或图片链接 | *string* | `star-o` |
| void-icon | 未选中时的[图标名称](#/zh-CN/icon)或图片链接 | *string* | `star-o` |
| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | *string* | `van-icon` |
| allow-half | 是否允许半选 | *boolean* | `false` |
| readonly | 是否为只读状态 | *boolean* | `false` |
| disabled | 是否禁用评分 | *boolean* | `false` |

7
src/rate/index.js
View File

@ -34,6 +34,7 @@ export default createComponent({
disabled: Boolean,
allowHalf: Boolean,
voidColor: String,
iconPrefix: String,
disabledColor: String,
value: {
type: Number,
@ -173,8 +174,9 @@ export default createComponent({
size={this.sizeWithUnit}
name={isFull ? icon : voidIcon}
class={bem('icon', { disabled, full: isFull })}
data-score={score}
color={disabled ? disabledColor : isFull ? color : voidColor}
classPrefix={this.iconPrefix}
data-score={score}
onClick={() => {
this.select(score);
}}
@ -184,8 +186,9 @@ export default createComponent({
size={this.sizeWithUnit}
name={isVoid ? voidIcon : icon}
class={bem('icon', ['half', { disabled, full: !isVoid }])}
data-score={score - 0.5}
color={disabled ? disabledColor : isVoid ? voidColor : color}
classPrefix={this.iconPrefix}
data-score={score - 0.5}
onClick={() => {
this.select(score - 0.5);
}}