[improvement] Icon: add class-prefix prop (#475)

This commit is contained in:
neverland 2018-08-29 16:00:10 +08:00 committed by GitHub
parent e11bc516a2
commit d06a350053
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 4 deletions

3
dist/icon/index.js vendored
View File

@ -9,7 +9,8 @@ Component({
info: null, info: null,
name: String, name: String,
size: String, size: String,
color: String color: String,
classPrefix: String
}, },
methods: { methods: {

View File

@ -1,5 +1,5 @@
<view <view
class="custom-class van-icon van-icon-{{ name }}" class="custom-class {{ classPrefix }} {{ classPrefix }}-{{ name }}"
style="{{ color ? 'color: ' + color : '' }}; {{ size ? 'font-size: ' + size : '' }}" style="{{ color ? 'color: ' + color : '' }}; {{ size ? 'font-size: ' + size : '' }}"
bind:tap="onClick" bind:tap="onClick"
> >

View File

@ -27,6 +27,7 @@
| info | 图标右上角文字提示 | `String | Number` | - | | info | 图标右上角文字提示 | `String | Number` | - |
| color | 图标颜色 | `String` | `inherit` | | color | 图标颜色 | `String` | `inherit` |
| size | 图标大小 | `String` | `inherit` | | size | 图标大小 | `String` | `inherit` |
| class-prefix | 类名前缀 | `String` | `van-icon` |
### Event ### Event

View File

@ -9,7 +9,11 @@ Component({
info: null, info: null,
name: String, name: String,
size: String, size: String,
color: String color: String,
classPrefix: {
type: String,
value: 'van-icon'
}
}, },
methods: { methods: {

View File

@ -1,5 +1,5 @@
<view <view
class="custom-class van-icon van-icon-{{ name }}" class="custom-class {{ classPrefix }} {{ classPrefix }}-{{ name }}"
style="{{ color ? 'color: ' + color : '' }}; {{ size ? 'font-size: ' + size : '' }}" style="{{ color ? 'color: ' + color : '' }}; {{ size ? 'font-size: ' + size : '' }}"
bind:tap="onClick" bind:tap="onClick"
> >