更新记录

2.0.0（2025-07-03） 下载此版本

新增了小数点显示 新增了数码管背景颜色显示 新增段显示驱动模式，用户可以自由控制数码管每一段是亮是灭

1.1.0（2025-06-24） 下载此版本

优化代码

1.0.0（2025-06-24） 下载此版本

LED数码管插件初版

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ - √ √ √ √

其他

多语言 暗黑模式 宽屏模式
× × √

使用说明

<!-- 数码管，显示数字6，默认显示动画 动画过度时间为0.5s -->
<qtux-led-num :value="6"></qtux-led-num>

<!-- 设置数码管高颜色为#539ddb ，高度为64px ，宽度为 32px（64/2）, 不显示过度动画 -->
<qtux-led-num :value="num2" color="#539ddb" :ledHeight="64" :showAnimation="false"></qtux-led-num>

<!-- 设置数码管高颜色为#f5576c ，高度为80px ，宽度为 40px（80/2）, 圆角为10px ， 过度动画时间为1s -->
<qtux-led-num :value="num3" color="#f5576c" :ledHeight="80" :borderRadius="10" :animationDuration="1"></qtux-led-num>

<!-- 设置数码管高颜色为orange ，高度为100px ，宽度为 50px（100/2）， 圆角为10px， 数码管间隙设置为2px -->
<qtux-led-num :value="num4" color="orange" :ledHeight="100" :borderRadius="10" :tubeGap="2"></qtux-led-num>

属性说明

名称 类型 默认值 描述
value Number或String 0 数码管显示的数字，范围0~9的正整数
color String #000000 数码管的颜色
ledHeight Number 32 数码管的高度，单位px，注意数码管的宽度是高度的一半
tubeGap Number 1 数码管各分段之间的缝隙大小，单位px
borderRadius Number 4 数码管的圆角，单位px
backgroundColor String ‘’ 数码管背景颜色，默认不展示
showAnimation Boolean true 数码管值变化时的过度动画
animationDuration Number 0.5 数码管值变化时的过度动画持续时间，单位秒
selectDp Boolean false 是否展示高亮选中的小数点，颜色同color
showDp Boolean false 是否展示小数点，颜色同backgroundColor
dpShape String 'circle' 小数点形状，可选值为'circle', 'square'，分别是圆形和正方形
segmentA Boolean null 数码管的段A，默认情况下是null，即使用value里的数字来展示数码管，当segmentA为true时，进入段驱动显示模式（此时value不起作用），段A高亮显示
segmentB Boolean null 数码管的段B，默认情况下是null，即使用value里的数字来展示数码管，当segmentB为true时，进入段驱动显示模式（此时value不起作用），段B高亮显示
segmentC Boolean null 数码管的段C，默认情况下是null，即使用value里的数字来展示数码管，当segmentC为true时，进入段驱动显示模式（此时value不起作用），段C高亮显示
segmentD Boolean null 数码管的段D，默认情况下是null，即使用value里的数字来展示数码管，当segmentD为true时，进入段驱动显示模式（此时value不起作用），段D高亮显示
segmentE Boolean null 数码管的段E，默认情况下是null，即使用value里的数字来展示数码管，当segmentE为true时，进入段驱动显示模式（此时value不起作用），段E高亮显示
segmentF Boolean null 数码管的段F，默认情况下是null，即使用value里的数字来展示数码管，当segmentF为true时，进入段驱动显示模式（此时value不起作用），段F高亮显示
segmentG Boolean null 数码管的段G，默认情况下是null，即使用value里的数字来展示数码管，当segmentG为true时，进入段驱动显示模式（此时value不起作用），段G高亮显示
segmentDp Boolean null 数码管的段DP，默认情况下是null，即使用value里的数字来展示数码管，当segmentDp为true时，进入段驱动显示模式（此时value不起作用），段DP高亮显示

数码管段驱动显示示意图：

alt

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。