使用前需要引入全局样式,可以上网查一下下载引入
具体布局如下
1,做前需要先写一下json文件,根据json文件来布局和实现功能
json内容如下:
{
"code":200,
"data":[
[
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":3,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false}
],
[
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":3,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false}
],
[
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":3,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":false}, {"state":0,"isgood":false}
],
[
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":3,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isgood":true}, {"state":0,"isgood":true},
{"state":0,"isgood":true}, {"state":0,"isgood":true},
{"state":0,"isgood":false}, {"state":0,"isgood":false}
],
[
{"state":0,"isgood":false}, {"state":0,"isgood":false},
{"state":3,"isgood":false}, {"state":0,"isgood":false},
{"state":0,"isg