91 lines
2.6 KiB
JavaScript
91 lines
2.6 KiB
JavaScript
|
import defProps from '../../libs/config/props.js';
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
// 图标类名
|
|||
|
|
name: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.name
|
|||
|
|
},
|
|||
|
|
// 图标颜色，可接受主题色
|
|||
|
|
color: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.color
|
|||
|
|
},
|
|||
|
|
// 字体大小，单位px
|
|||
|
|
size: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.size
|
|||
|
|
},
|
|||
|
|
// 是否显示粗体
|
|||
|
|
bold: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: () => defProps.icon.bold
|
|||
|
|
},
|
|||
|
|
// 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
|
|||
|
|
index: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.index
|
|||
|
|
},
|
|||
|
|
// 触摸图标时的类名
|
|||
|
|
hoverClass: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.hoverClass
|
|||
|
|
},
|
|||
|
|
// 自定义扩展前缀，方便用户扩展自己的图标库
|
|||
|
|
customPrefix: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.customPrefix
|
|||
|
|
},
|
|||
|
|
// 图标右边或者下面的文字
|
|||
|
|
label: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.label
|
|||
|
|
},
|
|||
|
|
// label的位置，只能右边或者下边
|
|||
|
|
labelPos: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.labelPos
|
|||
|
|
},
|
|||
|
|
// label的大小
|
|||
|
|
labelSize: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.labelSize
|
|||
|
|
},
|
|||
|
|
// label的颜色
|
|||
|
|
labelColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.labelColor
|
|||
|
|
},
|
|||
|
|
// label与图标的距离
|
|||
|
|
space: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.space
|
|||
|
|
},
|
|||
|
|
// 图片的mode
|
|||
|
|
imgMode: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => defProps.icon.imgMode
|
|||
|
|
},
|
|||
|
|
// 用于显示图片小图标时，图片的宽度
|
|||
|
|
width: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.width
|
|||
|
|
},
|
|||
|
|
// 用于显示图片小图标时，图片的高度
|
|||
|
|
height: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.height
|
|||
|
|
},
|
|||
|
|
// 用于解决某些情况下，让图标垂直居中的用途
|
|||
|
|
top: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: () => defProps.icon.top
|
|||
|
|
},
|
|||
|
|
// 是否阻止事件传播
|
|||
|
|
stop: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: () => defProps.icon.stop
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|