.numbers-style{display:flex;弹性包装:包装;.nu??mber-style{flex-wrap:wrap;.column{显示:flex;.black{背景颜色:黑色;}}}}电子屏数字组件将数字转换为电子屏数字显示,效果图如下:效果图预览地址预览地址组件开发设计思路数字主体为二维数组组成的图形,和具体块由数组显示格式中的值控制。//0的本质就是这样一个二维数组[[1,1,1],[1,0,1],[1,0,1],[1,0,1],[1,1],1]]输入参数//待转换的数numbers:{type:Array,default:[0,22]},//数体颜色numberColor:{type:String,default:'black'},//NumberssizenumberSize:{type:String,default:'1rem'}main函数将一个数字转换成二维数组getNumber(num){switch(num.toString()){case'0':return[[1,1,1],[1,0,1],[1,0,1],[1,0,1],[1,1,1],];休息;case'1':返回[[0,1,0],[0,1,0],[0,1,0],[0,1,0],[0,1,0],];休息;…默认:中断;}return[];}修改块元素样式rowStyle(row){letres=`width:calc(${this.numberSize}/5);height:calc(${this.numberSize}/5);`;if(row==1){res+=`background-color:${this.numberColor};`;}返回资源;},将字符串转换成二维数组getShowNum(num){num=num.toString();让res=[];for(leti=0;i