这是效果图。
写完静态页面时还没发现问题。等到接入真实数据发现问题了。从年初到年末,数字是从个位开始逐渐增多的。。。。。。
与业务沟通后,需要根据返回数据的位数更换背景图片
以此类推。。。。
声明数组,里面写的是class类名,我为了方便就用了one,two,three。。。。
这个声明是获取数据位数的
在接口中获取数据的位数 (1,2,3,4.......)
在vue中写动态calss
是从网上找了大佬的贴,自己稍微修改了一下。需求完成!
大佬原贴:vue学习日记-在接口中返回的数据是一个数字,如何根据这个数字选择相对应的图片给它(举一反三)_vue 图片根据下标接口返回来的数值切换相对应的图片-CSDN博客