装饰Icon

dv-icon-1-1

<dv-icon-1-1></dv-icon-1-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "300", height: "500" }

dv-icon-1-2

<dv-icon-1-2></dv-icon-1-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "163", height: "164" }

dv-icon-1-3

<dv-icon-1-3></dv-icon-1-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "169", height: "163" }

dv-icon-1-4

<dv-icon-1-4></dv-icon-1-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "166", height: "164" }

dv-icon-1-5

<dv-icon-1-5></dv-icon-1-5>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "164", height: "164" }

dv-icon-2-1

<dv-icon-2-1></dv-icon-2-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-2-2

<dv-icon-2-2></dv-icon-2-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "150", height: "236" }

dv-icon-2-3

<dv-icon-2-3></dv-icon-2-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "150", height: "236" }

dv-icon-2-4

<dv-icon-2-4></dv-icon-2-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "150", height: "236" }

dv-icon-2-5

<dv-icon-2-5></dv-icon-2-5>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "150", height: "236" }

dv-icon-2-6

<dv-icon-2-6></dv-icon-2-6>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-1

<dv-icon-3-1></dv-icon-3-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-2

<dv-icon-3-2></dv-icon-3-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-3

<dv-icon-3-3></dv-icon-3-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-4

<dv-icon-3-4></dv-icon-3-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-5

<dv-icon-3-5></dv-icon-3-5>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-6

<dv-icon-3-6></dv-icon-3-6>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-3-7

<dv-icon-3-7></dv-icon-3-7>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "226" }

dv-icon-4-1

<dv-icon-4-1></dv-icon-4-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "154", height: "110" }

dv-icon-4-2

<dv-icon-4-2></dv-icon-4-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "154", height: "110" }

dv-icon-4-3

<dv-icon-4-3></dv-icon-4-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "154", height: "110" }

dv-icon-4-4

<dv-icon-4-4></dv-icon-4-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "154", height: "110" }

dv-icon-5-1

<dv-icon-5-1></dv-icon-5-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "220", height: "548" }

dv-icon-5-2

<dv-icon-5-2></dv-icon-5-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "220", height: "548" }

dv-icon-5-3

<dv-icon-5-3></dv-icon-5-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "220", height: "548" }

dv-icon-5-4

<dv-icon-5-4></dv-icon-5-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "220", height: "548" }

dv-icon-5-5

<dv-icon-5-5></dv-icon-5-5>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "220", height: "548" }

dv-icon-6

<dv-icon-6></dv-icon-6>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "144", height: "192" }
type	类型	String	card|sign|user	'card'
titleOptions	标题配置	Object	-	{ title: '实体卡发卡量', x: '0', y: '98', fontSize: 16, fontWeight: '400', color: '#FFFFFF', unitName: '(万张)', unitX: '32', unitY: '120', unitFontSize: 12, unitFontWeight: 'normal', unitColor: '#FFFFFF' }
numberOptions	数字配置	Object	-	{ number: '2,230', x: '0', y: '156', fontSize: 34, fontWeight: 'bold', color: ['#E1F6FF', '#35D9FD'] }

dv-icon-7

<dv-icon-7></dv-icon-7>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "152", height: "197" }
color	颜色	Array	-	[["#0AAD92", "#0ADB8B"], ["#0AA992", "#0BE18B"], ["#08D859", "#0BE399"], ["#0A5655", "#0A575C"]]
type	类型	String	green|yellow|orange|blue	'green'
titleOptions	标题配置	Object	-	{ title: '设备总数', x: '10', y: '94', fontSize: 28, fontWeight: 'normal', lineSpacing: 42, color: '#FFFFFF' }
numberOptions	数字配置	Object	-	{ number: '999', x: '25', y: '46', fontSize: 48, fontWeight: 'normal', lineSpacing: 72,color: '#FC4768' }

dv-icon-8-1

<dv-icon-8-1></dv-icon-8-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "152", height: "197" }
titleOptions	标题配置	Object	-	{ title: '数据报表', x: '42', y: '25', fontSize: 14, fontWeight: 'bold', lineSpacing: 21, color: '#00FFF4' }

dv-icon-8-2

<dv-icon-8-2></dv-icon-8-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "152", height: "197" }
titleOptions	标题配置	Object	-	{ title: '智慧设备', x: '42', y: '25', fontSize: 14, fontWeight: 'bold', lineSpacing: 21, color: '#00FFF4' }

dv-icon-8-3

<dv-icon-8-3></dv-icon-8-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "152", height: "197" }
titleOptions	标题配置	Object	-	{ title: '智慧大楼', x: '42', y: '25', fontSize: 14, fontWeight: 'bold', lineSpacing: 21, color: '#00FFF4' }

dv-icon-8-4

<dv-icon-8-4></dv-icon-8-4>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "152", height: "197" }
titleOptions	标题配置	Object	-	{ title: '员工', x: '42', y: '25', fontSize: 14, fontWeight: 'bold', lineSpacing: 21, color: '#00FFF4' }

dv-icon-9-1

<dv-icon-9-1></dv-icon-9-1>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "132", height: "218" }
titleOptions	标题配置	Object	-	{ title: '文案', x: '40', y: '24', fontSize: 22, fontWeight: '400', lineSpacing: '34', letterSpacing: '3.7' color: '#8FABBF' }
numberOptions	数字配置	Object	-	{ title: '198', x: '22', y: '87', fontSize: 45, fontWeight: '400', lineSpacing: 66, letterSpacing: '4.7' color: '#FFFFFF' }

dv-icon-9-2

<dv-icon-9-2></dv-icon-9-2>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "132", height: "218" }
titleOptions	标题配置	Object	-	{ title: '文案', x: '40', y: '24', fontSize: 22, fontWeight: '400', lineSpacing: '34', letterSpacing: '3.7' color: '#8FABBF' }
numberOptions	数字配置	Object	-	{ title: '198', x: '22', y: '87', fontSize: 45, fontWeight: '400', lineSpacing: 66, letterSpacing: '4.7' color: '#FFFFFF' }

dv-icon-9-3

<dv-icon-9-3></dv-icon-9-3>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "101", height: "218" }
titleOptions	标题配置	Object	-	{ title: '文案', x: '24', y: '136', fontSize: 22, fontWeight: '400', lineSpacing: '34', letterSpacing: '3.7' color: '#8FABBF' }
numberOptions	数字配置	Object	-	{ title: '198', x: '6', y: '198', fontSize: 45, fontWeight: '400', lineSpacing: 66, letterSpacing: '4.7' color: '#FFFFFF' }

dv-icon-10

<dv-icon-10></dv-icon-10>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
config	配置	Object	-	{ width: "100%", height: "110" }
type	类型	String	product|count|user	'product'
backgroundColor	背景颜色	String	-	'#13265E'
titleOptions	标题配置	Object	-	{ title: '实体卡发卡量', x: '86', y: '40', fontSize: 14, fontWeight: 'normal', color: '#FFFFFF' }
numberOptions	数字配置	Object	-	{ number: '2,23', x: '86', y: '77', fontSize: 32, fontWeight: '500', color: '#E2D920', unitName: '个', unitX: '155', unitX: '77', unitFontSize: 14, unitFontWeight: 'normal', unitColor: '#FFFFFF' }