props.js 2.56 KB
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
export default {
props: {
// 图标类名
name: {
type: String,
default: uni.$u.props.icon.name
},
// 图标颜色,可接受主题色
color: {
type: String,
default: uni.$u.props.icon.color
},
// 字体大小,单位px
size: {
type: [String, Number],
default: uni.$u.props.icon.size
},
// 是否显示粗体
bold: {
type: Boolean,
default: uni.$u.props.icon.bold
},
// 点击图标的时候传递事件出去的index(用于区分点击了哪一个)
index: {
type: [String, Number],
default: uni.$u.props.icon.index
},
// 触摸图标时的类名
hoverClass: {
type: String,
default: uni.$u.props.icon.hoverClass
},
// 自定义扩展前缀,方便用户扩展自己的图标库
customPrefix: {
type: String,
default: uni.$u.props.icon.customPrefix
},
// 图标右边或者下面的文字
label: {
type: [String, Number],
default: uni.$u.props.icon.label
},
// label的位置,只能右边或者下边
labelPos: {
type: String,
default: uni.$u.props.icon.labelPos
},
// label的大小
labelSize: {
type: [String, Number],
default: uni.$u.props.icon.labelSize
},
// label的颜色
labelColor: {
type: String,
default: uni.$u.props.icon.labelColor
},
// label与图标的距离
space: {
type: [String, Number],
default: uni.$u.props.icon.space
},
// 图片的mode
imgMode: {
type: String,
default: uni.$u.props.icon.imgMode
},
// 用于显示图片小图标时,图片的宽度
width: {
type: [String, Number],
default: uni.$u.props.icon.width
},
// 用于显示图片小图标时,图片的高度
height: {
type: [String, Number],
default: uni.$u.props.icon.height
},
// 用于解决某些情况下,让图标垂直居中的用途
top: {
type: [String, Number],
default: uni.$u.props.icon.top
},
// 是否阻止事件传播
stop: {
type: Boolean,
default: uni.$u.props.icon.stop
}
}
}