实现5*5正方形网格x轴和y轴显示对应数值组件封装

实现5*5正方形网格x轴和y轴显示对应数值组件封装

需求:按5*5的正方形网格,根据目标数据的x和y轴值显示对应的文字,实现效果图如下:(当前目标数值:x=2,y=2)

实现5*5正方形网格x轴和y轴显示对应数值组件封装_第1张图片

代码如下:






你可能感兴趣的:(css3,css,javascript,vue.js)