字体变色

根据后台返回的数字 状态来改变字体的颜色

 1 <div class="yousj_wen" :style="{color:getColor(item.zt).color}" v-html="getColor(item.zt).successtatus"></div>
 3 data({
 4 　　return{
 5 　　　　successtatus: '',
 6 　　}
 7 })
 8  methods: {
 9  getColor(zt) {
10             switch (zt) {
11                 case 0:
12                     return { successtatus: "未支付", color: "red" }
13                 case 1:
14                     return { successtatus: "已完成", color: "#4a9e4d" }
15                 case 2:
16                     return { successtatus: "支付失败", color: "gray" }
17                 case 3:
18                     return { successtatus: "已退款", color: "gray" }
19                 default:
20                     break;
21             }
22         },
23 }

 

posted @ 2022-09-30 10:38  飞飞要努力  阅读(54)  评论(0)    收藏  举报