评价星星变色效果

实现原理

星星CSS类绑定,通过绑定数据编程控制CSS类何时加上,何时去掉。

涉及知识点: 绑定数据编程 CSS类绑定

Step by Step

1. 插入五颗星星

2. 第一颗星星进行CSS类绑定,绑定参数:{"fa-star-o":level()<1,"fa-star":level()>0};绑定变量初始化:{"level":0}

绑定数据编程,高级编辑:_vm.level(1);

3. 第二颗星星进行CSS类绑定,绑定参数:{"fa-star-o":level()<2,"fa-star":level()>1}

绑定数据编程,高级编辑:_vm.level(2);

4. 第三颗星星进行CSS类绑定,绑定参数:{"fa-star-o":level()<3,"fa-star":level()>2}

绑定数据编程,高级编辑:_vm.level(3);

5. 第四颗星星进行CSS类绑定,绑定参数:{"fa-star-o":level()<4,"fa-star":level()>3}

绑定数据编程,高级编辑:_vm.level(4);

6. 第五颗星星进行CSS类绑定,绑定参数:{"fa-star-o":level()<5,"fa-star":level()>4}

绑定数据编程,高级编辑:_vm.level(5);

注意事项

注意事项暂无