# Led 屏幕控件

版本:1.13.0

开发:汪忠祥

# 安装

$ npm i @hui-pro/led-screen-set -D
# 或者
$ yarn add @hui-pro/led-screen-set --dev

# 引入

import ledScreenSet from '@hui-pro/led-screen-set';
import '@hui-pro/led-screen-set/theme/index.scss';
Vue.use(ledScreenSet);

# 基础用法

暂无配置项
请先设置左侧LED屏幕尺寸
基础用法

插件助手

# Attributes

参数 说明 类型 可选值 默认值
cwidth 画布宽度 String - '500'
cheight 画布高度 String - '500'
canvasRects / v-model 绑定值 Array - []
selectKey 指定显示类型下拉 option 值绑定(包括显示内容)为 option 对象的某个属性值 String - 'dictCode'
selectName 指定显示类型下拉 option 显示的名称(包括显示内容)为 option 对象的某个属性值 String - 'dictName'
childrens 指定显示类型下拉 option 的子节点对象(不同类型下的关键字 List)的某个属性值 String - 'childrenList'
keywords 用来存放通过自定义字段组成对象的 List Array - []
placeholder 占位符 Array - ['[', ']']
multipleLimit 控制能够选多少个关键字 Number - 8
maxLength 显示内容里字符的最大长度 Number - 64
exceptCodes 设置可以被多选的关键字 Array - ['line_feed']
fontColors 字体颜色 Array - []
fontSizes 字体大小 Array - []
showModes 显示类型 Array - []
isBold 是否显示加粗按钮 Boolean - true

# canvasRects / v-model 包含的对象属性

参数 说明 类型 可选值 默认值
text 显示的文字 String - '欢迎光临: '
font-color 文字颜色 String - '#FA3239'
font-size 文字大小 Number - 16
font-weight 显示的文字 String 'normal'/ 'bold' 'normal'
hor-align 文字的对齐方式 0:居左 1:居中 2:居右 Number - 0
show-mode 显示类型 Number - 1
stroke-style 矩形边框颜色 String - 'grey'
fill-style 矩形填充颜色 String - ''
x 矩形距离 canvas 的 x 坐标 String - ''
y 矩形距离 canvas 的 y 坐标 String - ''
width 矩形宽度 String - ''
height 矩形高度 String - ''

# fontColors 包含的对象属性

参数 说明 类型 可选值 默认值
name 眼色名称 String - '红色'
value 颜色值 String - '#FA3239'
active 是否被选中 Boolean - true

# fontSizes 包含的对象属性

参数 说明 类型 可选值 默认值
name 字体大小描述 String - '16px'
value 颜色值 Number - 16

# showModes 包含的对象属性

参数 说明 类型 可选值 默认值
name 显示方式名称 String - '向上滚动'
value 显示方式值 Number - 4

# Methods

方法名 说明 参数
render 手动修改rect里的属性之后需要调用这个render函数 -